文件选择框的onchange事件只在第一次改变时生效,以后再选择文件不会触发onchange事件。
解决方法1:用jQuery的live代替直接使用change。
错误代码:
$("#fileToUpload").change(function(){
//do someing
})
正确代码:
$("#fileToUpload").live('change', function(){
//do someing
})
解决方法2:onchange后,生成一个新input type file,代替原有的input file
代码:
$('#inputFileID').replaceWith('<input name="fileToUpload" type="file" id="inputFileID" />');
声明:
文章来自于ITeye,欢迎访问我的博客:xiaoyu1985ban.iteye.com
ITeye文章版权属于作者,受法律保护。没有作者书面许可不得转载。若作者同意转载,必须以超链接形式标明文章原始出处和作者。
相关推荐
最近在使用layui框架做城市的三级级联的时候,发现jquery中的onchange事件方法在layui框架中失效了。 然后浏览layui社区,了解到layui监控一个控件变化有自己的方法。 html <select lay-filter=test></...
当`<input type="file">`的`onchange`事件触发时,我们可以手动调用AngularJS的 `$apply()` 方法,强制进行一次脏检查,从而执行我们期望的函数。 下面是一个示例代码: ```html <input type="file" onchange=...
### 如何使 input type=file 只读并实现文件上传 在网页开发中,有时我们需要让用户选择一个文件但不允许他们更改已选择的文件。这通常是为了防止用户在提交表单前临时更改文件,从而确保文件的一致性和安全性。...
关于`input file`的默认value清空与赋值方法,这里涉及到的是网页编程中的一个特定知识点。由于出于安全性考虑,JavaScript默认不允许直接修改`input`元素中的`file`类型的value值。但是,我们仍然有一些技巧性的...
在HTML中,我们为`<input type="file">`添加了一个`onchange`事件监听器,当用户选择文件后会触发`fileSelected`函数。此函数首先检查所选文件是否为图片类型,并且大小不超过预设限制。如果满足条件,它将创建一个`...