Plupload控件在IE9下不能上传、文件尺寸为空、出现下载对话框问题解决
问题:
Plupload控件在IE10下运行良好,但在IE9下却不能上传,一点上传按钮,即出现下载对话框。而实际的返回数据为一堆正常的JSON数据。
有网友提过这个问题,他是这么提的:“使用uploader上传插件在往服务器上上传文件成功后返回JSON格式的数据被IE8拦截了,其他浏览器正常”。
确实,乍一看,这个问题提得很准确,IE9怎么把返回JSON数据拦截了,怎么没有进入到AJAX的返回处理过程?
分析:
其实,浏览器是不会有所谓的拦截的,你请求啥,它就返回啥。问题的关键在于plupload的参数设置有误。
在IE10中,plupload使用HTML5进行上传,在IE9中,使用的是flash,而flash文件的指定是通过参数来进行设置的。
var uploader = new plupload.Uploader({ //实例化一个plupload上传对象
browse_button : me._addButton.el,
url : url || 'upload.jsp',
flash_swf_url : 'Moxie.swf',
silverlight_xap_url : 'Moxie.xap',
unique_names: false,
chunk_size: me.chunkSize,
filters:{
mime_types : me.limitType,
max_file_size : me.limitSize, //最大只能上传400kb的文件
prevent_duplicates : true //不允许选取重复文件
},
}
这里的flash_swf_url即为flash文件的地址。
三个问题的原因:
1、出现下载对话框问题
如果flash地址设置不正确,plupload的请求实际上变成了http的直接请求,并未通过AJAX,而返回的恰好是一堆JSON文本,因而出现了下载对话框。
2、无法上传问题
在IE9下plupload依赖 flash控件上传文件,如果该控件都找不到,上传就无从谈起了。
3、文件大小属性缺失问题
在调试过程中,最常见的是监控到file对象没有文件大小属性(size),而正常情况下是有的,因为没有flash控件的支持,因而plupload获取不到该参数。
验证:
通过Filddler对页面请求地址的分析,发现Moxie.swf文件未找到,或地址不正确。
解决:
因此,flash_swf_url参数的正确设置是关键,要保证通过该地址能找到Moxie.swf文件,即地址应为类似“script/plupload/Moxie.swf”,通过该地址能找到Moxie.swf。
同理,也需要正确设置silverligh_xap_url的地址。