jq html-input type=file 捕捉完成选择事件

问题描述

input type=file 捕捉完成选择事件

想要实现的效果是,选择完文件后,弹出一个提示框;开始是用

 $("input[type=file]").change(function(e){alert("aaa");})

这样实现的,第一次选择文件或每次都选择不同文件时好使,但如果我两次都选择同一个文件,就触发不了了;我希望的是就算选择跟上一次一样的文件,也能触发弹出提示框,请问有什么方法实现呢?谢谢

解决方案

在选择之后,没啥好办法能够再次触发时间,但在选择之前,可以用onclick触发!

解决方案二:


可以这样触发onclick之后绑定onchange事件

解决方案三:

用插件吧,兼容性好,而且有上传前后等等处理函数

解决方案四:

用了一种比较搓的方法实现了,每次onclick时把value值保存,再清空,这样就能保障onchange每次都能触发了;接着在onchange事件里判断选择为空时,就把保存下来的路径重新赋回给input file....
比较绕,有更好方法的大神请赐教,持续关注

解决方案五:

file无法赋值。。,你应该生成一个新的file对象,设置为透明浮动在原来的对象上,选择完毕后移除元对象,新对象替换原来的,在生成一个file对象,依次循环,每次操作新对象就没问题了
file对象选中同一个文件如何触发change事件

时间: 2025-01-28 06:58:38

jq html-input type=file 捕捉完成选择事件的相关文章

html js java-如何获取Input type=file 所选择文件的绝对路径

问题描述 如何获取Input type=file 所选择文件的绝对路径 是这样的 现在做的一个项目,页面很简单 左边一个input输入框 可以在里面输入url 右边一个search按钮 当输入框没有输入东西的时候,点击按钮弹出一个上传文件选择的框 所选择的文件的 绝对路径会显示在输入框里 如果输入框有东西 URL是否存在,如果存在 则弹出的上传文件选择框定位在所输入的URL上面 但是现在第一步我就不知道怎么做了,除了ie 别的浏览器选择的文件都只显示文件名 请问有什么办法可以获取到所选择文件的绝

判断多个input type=file是否有已经选择好文件的代码_jquery

表单中有多个<input type="file" name="uploadfile" contentEditable="false" style="width:80%">, 提交表单时需要判断其中至少要有一个input已经选择好文件. 复制代码 代码如下: <input type="file" name="uploadfile" contentEditable=&quo

前端常见兼容问题系列6: 一些安卓APP的WebView中&lt;input type=&quot;file&quot;&gt;不工作

有一次想做一个HTML5的图片上传功能,主要是依赖<input type="file">来选择本地的图片.开始一切都很顺利,在浏览器中,在淘宝等容器中,都能如预期进行文件选择和上传.在iOS系统下的APP中也都工作正常,但是在一个安卓APP中,无论怎么尝试选择文件,都始终出不来. 我给input的onchange事件打了个alert(),点击时也没有任何反应.看来是<input type="file">在这个容器中根本就不工作. 经过一番检索

js-如何获得&amp;amp;lt;input type=file&amp;amp;gt;所浏览的本地文件的路径?

问题描述 如何获得<input type=file>所浏览的本地文件的路径? 如何获得所浏览的本地文件的路径?希望各位大神指点哈,急用 解决方案 获取这个没有意义..如果是图片预览看这个:javascript客户端图片预览 解决方案二: input type file 获得文件 组件 总结input type=file accept中可以限制的文件类型从Form 的input type=file 获得不含路径的文件名 解决方案三: 表单提交后,能在后台获取用户选择的文件流信息.文件名称的.是后

不使用 input type file 标签 上传文件

问题描述 我调用别人的方法 返回一个文件路径 这个文件要上传到服务器上,input type file value 不能赋值 有什么办法 可以把个文件 上传到服务器上 问题补充:高级java工程师 写道 解决方案 前台得到路径 传给后台,有httpclient去获取不可以?解决方案二:几种js实现的动态多文件上传方式一:事先写好多个input.在点击时才显示.也就是说上传的最大个数是写死了的. html<p><a href='#' onclick='javascript:viewnone

重新定义input[type=file]的样式的例子

在网页制作过程中,有时需要进行上传文件,当然如果需要上传的是图片也是属于文件的. 默认的 <input type="file" /> 的样式如下: 而我们希望使用一张图片代替,点击即可实现上传文件的功能. 希望改成的样式如下: 首先,难点是: 1.不同浏览器的样式表现不同. 2.文字如果只用click这样的方式是不可以的. 3.input 上的文字是没有办法更改的. 实现的想法是:把input 放在图片的上边,弄成透明的,这样在点图片时,实际是点击了input,这样就实现了

mvc-asp.net MVC怎么给图input type=file传过来的图片加水印

问题描述 asp.net MVC怎么给图input type=file传过来的图片加水印 解决方案 加水印后,在controller里面传到服务器里面保存 解决方案二: 这是controller的代码 public ActionResult AddNewsPic(string id) { if (Request.Files.Count > 0) { if (!string.IsNullOrEmpty(Request.Files[0].FileName)) { Stream fileDataStr

js 获取、清空input type=&quot;file&quot;的值

 本篇文章主要介绍了js 获取.清空input type="file"的值(示例代码) 需要的朋友可以过来参考下,希望对大家有所帮助 上传控件(<input type="file"/>)用于在客户端浏览并上传文件,用户选取的路径可以由value属性获取,但value属性是只读的,不能通过 javascript来赋值,这就使得不能通过value=""语句来清空它.很容易理解为什么只读,如果可以随意赋值的话,那么用户只要打开你的网页, 你

js 获取、清空input type=&quot;file&quot;的值示例代码

 本篇文章主要是对js获取.清空input type="file"的值的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 上传控件基础知识说明:   上传控件(<input type="file"/>)用于在客户端浏览并上传文件,用户选取的路径可以由value属性获取,但value属性是只读的,不能通过javascript来赋值,这就使得不能通过value=""语句来清空它.很容易理解为什么只读,如果可以随意赋值的话,