今天做项目时遇到过一个问题,jquery监控file文件传事件,在ie8下只能使用一次
前段代码
<form id="uploadform" action= "###" method="post" enctype="multipart/form-data"> <input type="file" name= "excelFile" id="excelFile" class= "upload-input" > </form>
js中获取file文件change事件
$(".upload-input").live("change",function(){ //执行代码 }
通过live绑定change事件,在ie8中只能执行一次,开始以为是jquery文件上传,控件出现问题,后来调试发现,并不是控件的原因,而是file文件本身的问题,在google和ie10下change值都可以获取得到,就是ie8下不能第二次触发,百度上说是因为ie浏览器本身的安全性所致的,解决方法,每次执行完处理后,把file控件,添加上不同的属性,ie8下就可以运行了
var fileCount = 0; $(".upload-input").live("change",function(){ fileCount++; //执行代码 $(".upload-input").replaceWith("<input type='file' name= 'excelFile' id='excelFile' class= 'upload-input' title='" + fileCount + "'>"); }
相关推荐
jqury 文件树jquery.fileTree效果很好
Jquery Large File Upload 用jquery实现大文件上传 可以很轻易的整合到下载,文章,cms,blog系统中
jQuery UI Datepicker IE8 使用的基本解决方法:解决:IE8无法响应其中jquery.ui.datepicker部分标签a(无href)的onclick事件,和td由于放入标签a href="#",无法响应自身onclick事件,只验证了icon-trigger模式,...
jquery的文件上传插件,简单好用,只需要在页面头部包含jquery的js文件和filestyle.js,设置样式即可使用,具体请参照demo,很简单实用。
jquery file上传预览本地图片支持IE6\7\8\9\10 chrome 火狐 网上有很多关于 file上传预览本地图片开源角本但都对支持到IE6\7\8,而且chrome 火狐最新版本也有问题,自己动手丰衣足食。分享给给大家。
ajax+jquery+ashx实现上传文件 简单易用,直接调用
Multiple File Upload - jQuery文件上传插件
PHP实例开发源码—用Jquery实现大文件上传 Jquery Large File Upload.zip PHP实例开发源码—用Jquery实现大文件上传 Jquery Large File Upload.zip PHP实例开发源码—用Jquery实现大文件上传 Jquery Large File ...
基于Jquery模拟Select,解决IE显示问题
jQuery-file-upload的各种语言拖拽上传文件功能。官网最新版本
bootstrap-filestyle是一款基于Bootstrap的文件上传组件美化jQuery插件。它使用简单,效果美观。支持多文件上传和使用data属性,并且兼容IE8浏览器。
jQuery-File-Upload上传插件
最近项目要用jquery开发,于是打算用flexigrid做表格功能,但是遇到了数据不能显示、IE下显示等问题(在FF下显示正常)。于是花了2个小时时间对flexigrid.pack.js进行调试,经过苦闷的两个小时后,皇天不负有心人,...
利用jQuery Multiple File Upload Plugin插件,实现的多文件上传,
基于jquery_二维码生成和打印_兼容IE6-IE8_解决汉字乱码问题!可以在IE6-IE8浏览器上运行,生成二维码(字母,数字,汉字均可),可以打印!
基于PHP的用Jquery实现大文件上传 Jquery Large File Upload.zip
[上传下载]Jquery Large File Upload (Jquery实现大文件上传)_jqupload.zip
一个以实现无刷新jquery插件实现文件上传
jquery文件上传插件 jquery.uploadify.js 不支持IE10现在经过修改,已经支持IE6、IE7、IE8、IE9、IE10、IE11.zip