easyUI filebox选择同一个文件不触发onchange事件解决办法
　　IE（包括ie11）浏览器下，easyUI的filebox如果选中了同一个文件，不会触发onchange事件解决办法。easyUI filebox实际操作的还是file对象，其他标准浏览器如chrome，Firefox，file对象选中同一个文件也会触发onchange事件，所以在这些浏览器下easyUI的filebox选中同一个文件也是触发onchange事件的，但是ie对选中同一个文件不会触发onchange事件，解决办法和操作file对象原理差不多，参考：
　　不过easyui的filebox对象对UI做了美化，filebox对应的file对象没有显示出来的，需要用开发工具查看easyUI filebox的dom结构才能按照上面的文章进行ie配置，更新file对象。
　　本示例居于easyUI1.4.3，DOM结构如下，如果其他版本的easyUI注意查看filebox生成的dom结构修改相关选择器。
　　easyUI filebox选择同一个文件不触发onchange事件解决办法
小提示：为了解决ie file对象同一个文件不触发onchange事件，生成了2个同名的file对象，最新添加的一个file对象没有值，注意服务器端获取值的时候对同名name获取文件需要判断哪个是有值的，或者可以给表单添加onsubmit事件，删除ie下添加的新file对象。
&form method=&post& enctype=&multipart/form-data& onsubmit=&return removeEmptyFile(this)&&
&div class=&easyui-panel& title=&Upload File& style=&width:400padding:30px 70px 50px 70px&&
&div style=&margin-bottom:20px&&
&div&Name:&/div&
&input class=&easyui-textbox& style=&width:100%&&
&div style=&margin-bottom:20px&&
&div&File1:&/div&
&input class=&easyui-filebox& name=&file1& id=&file1& data-options=&prompt:'Choose a file...',onChange:newFileInput& style=&width:100%&&
&div style=&margin-bottom:20px&&
&div&File2:&/div&
&input class=&easyui-filebox& name=&file2& data-options=&prompt:'Choose another file...'& style=&width:100%&&
&a href=&#& class=&easyui-linkbutton& style=&width:100%&&Upload&/a&
var isIE = window.ActiveXObject || 'ActiveXObject' in window//是否IE浏览器
function newFileInput() {
if (isIE) {
var file = $(this).filebox('textbox').next(),
newfile = file.clone(true);//克隆一个新file对象，包括id，这样下次点击filebox的选择文件按钮就是操作此新file对象，会触发onchange事件，否则ie同一个文件不会触发onchange事件
if (file.next().length) file.next().remove();//删除上一次的当前file对象
file.removeAttr('id');//删除当前操作的file对象的id
file.before(newfile);//将新file对象插入到当前操作文件对象前面
alert('change' )
function removeEmptyFile(f) {
if (isIE) {//IE下删除新file对象
$(f.file1).filebox('textbox').next().remove();
//删除更多个filebox对象
原创文章，转载请注明出处：
阅读(1027)喜欢(1)不喜欢(0)分类：
上一篇：下一篇：匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。