文件选择框的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文章版权属于作者,受法律保护。没有作者书面许可不得转载。若作者同意转载,必须以超链接形式标明文章原始出处和作者。
相关推荐
onchange在用于文本框输入框时,有一个明显的不足. 事件不会随着文字的输入而触发,而是等到文本框失去焦点(onblur)时才会触发. 也就是没有即时性! 在IE下,可以用onpropertychange来代替onchange事件,当文本框有任何...
`onchange` 事件是 JavaScript 中的一个重要事件,它会在元素的值发生改变并失去焦点后触发。在 EasyUI 中,`onchange` 事件同样适用于 `easyui-textbox` 和 `easyui-combobox`,可以用来监听用户在这些组件上的操作...
web前端小问题,select 选择事件,当选择select同一值触发onchange事件
最近在使用layui框架做城市的三级级联的时候,发现jquery中的onchange事件方法在layui框架中失效了。 然后浏览layui社区,了解到layui监控一个控件变化有自己的方法。 html <select lay-filter=test></...
### 只修改input file组件的浏览按钮样式 在前端开发中,`<input type="file">`组件通常用于让用户选择本地文件并上传到服务器。不过,默认情况下,此组件的样式较为简单,不符合很多项目的视觉需求。为了提升用户...
在本文中,我们将深入探讨如何在Easy-UI框架中使用`onchange`事件,以及如何获取组合框(Combobox)的当前选中值。Easy-UI是一个基于jQuery的轻量级前端开发框架,它提供了丰富的组件,如表格、窗口、菜单、对话框等...
4. **绑定事件处理器:** 为了实现在用户选择文件后更新文本输入框中的值,我们需要绑定一个`onChange`事件处理器到隐藏的`<input type="file">`元素。 ```html <input type="file" name="picpath" id="picpath...
在这个JavaScript代码中,我们为file input添加了事件监听,当用户选择文件之后,会触发事件处理函数,该函数会将文件路径设置到文本框中。如果浏览器不支持addEventListener或attachEvent方法,我们使用传统的...
安装该模块后,对于有写onchange方法的字段,可以设置定时执行时间间隔。
js中onchange事件是在客户端改变输入控件的值,比如一个textbox,会出发的一个事件。但是如果在js代码中改变一个textbox的value,而不是通过键盘输入改变一个textbox值的话,是不会出发onchange事件的。 那么,如何...
当`<input type="file">`的`onchange`事件触发时,我们可以手动调用AngularJS的 `$apply()` 方法,强制进行一次脏检查,从而执行我们期望的函数。 下面是一个示例代码: ```html <input type="file" onchange=...
"onchange" 事件插件是 CKEditor 的一个扩展功能,它允许开发者监听编辑器中的内容变化,并在内容发生改变时触发特定的回调函数。这个功能对于实时保存、自动校验或者实时预览等场景非常有用。 CKEditor 的 ...
在Delphi中,onChange事件通常与一个事件处理函数关联,该函数会在事件触发时执行。 下面是一个简单的例子,展示如何使用onChange事件: ```delphi unit Unit1; interface uses Winapi.Windows, Winapi....
<input type="file" id="imageInput" accept="image/*" onchange="previewImage(event)"> 预览图片"> ``` **2. JavaScript部分:** 在`change`事件中,获取用户选择的文件,然后使用FileReader对象的`...
oninput 事件是 onpropertychange 事件的非 IE 浏览器版本,它可以检测当前对象的值变化,但是它与 onpropertychange 事件不同之处在于,它只在对象的值发生变化时触发事件,而不检测其他属性的变化。 在实际开发中...
改变一下思路变成键盘按键事件,如下: ”txtName” runat=”server” xss=removed></asp> 这里有一点毛病是,你复制粘贴的内容,无法触发这个事件。下面是相关的一些代码: 代码如下: function fNameChange(){ if($...
### 如何使 input type=file 只读并实现文件上传 在网页开发中,有时我们需要让用户选择一个文件但不允许他们更改已选择的文件。这通常是为了防止用户在提交表单前临时更改文件,从而确保文件的一致性和安全性。...
在前端开发中,select元素和text文本输入框元素经常需要处理用户的交互行为,其中onchange事件是一个非常重要的事件。onchange事件会在元素的内容改变并且失去焦点后触发。但在JavaScript中,直接给select或text赋值...
关于`input file`的默认value清空与赋值方法,这里涉及到的是网页编程中的一个特定知识点。由于出于安全性考虑,JavaScript默认不允许直接修改`input`元素中的`file`类型的value值。但是,我们仍然有一些技巧性的...