Plupload控件在IE9下不能上传、文件尺寸为空、出现下载对话框问题解决

2024-04-16 05:23:58

问题:

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的地址。

Plupload控件在IE9下不能上传、文件尺寸为空、出现下载对话框问题解决相关推荐

JQuery专栏之十五————利用文件框控件file实现文件的上传
15. 利用文件框控件file实现文件的上传. 文件上传的方法有很多,jQuery也有许多文件上传控件.本例采用最基本的HTML文件框(<input type='file')实现文件上传,不限制 ...
php 多文件上传控件,php 动态多文件上传
php 动态多文件上传更新时间:2009年01月18日 06:01:56 作者: php 动态多文件上传实例代码,前台是javascript后台用的是php 文件上传代码 view plainc ...
java文件上传控件_java实现大文件上传控件
这里只写后端的代码,基本的思想就是,前端将文件分片,然后每次访问上传接口的时候,向后端传入参数:当前为第几块文件,和分片总数下面直接贴代码吧,一些难懂的我大部分都加上注释了: 上传文件实体类: 看得 ...
FlexPaper控件实现文档的上传和预览
引言之前在一个项目中初识了这个控件,当时自己对这个东西非常高的好奇就尝试着做了一个Demo,最近在项目中遇到了这个需求,所以我向组长推荐了我的这中做法,在之前的系统中是将文档转换成html然后在前 ...
php 上传图片控件,ThinkPHP5.0实现图片上传插件实例分享
thinkphp5.0 图片上传插件可预览裁剪图片和保存原图片,执行裁剪图片后会删除裁剪的原图片目录,以便减少空间.具体实现代码大家参考下本文,希望能帮助到大家. 效果预览图: 该插件主要功能是:可 ...
java多文件上传plupload控件实现多图片上传（二）
接上篇 java多文件上传plupload控件实现多图片上传(一) 续写PluploadUtil 和 Plupload PO类,以及后台的action. 至此,可实现多文件上传功能. 上传文件Acti ...
鸡啄米vc++2010系列32（标签控件Tab Control 下）
上一节中鸡啄米讲了标签控件知识的上半部分,本节继续讲下半部分. 标签控件的创建 MFC为标签控件的操作提供了CTabCtrl类. 与之前的控件类似,创建标签控件可以在对话框模板中直接拖入Tab Con ...
word控件应用技巧：线上试卷制作小妙招
一.自动实时更新时间:方便后期归纳整理操作步骤: ①点击[开发工具]-[控件]按钮,选择[日期选取器内容控件],插入日期内容控件.此时,我们可以看到文档中出现了一个日历框.点击控件的右侧的下拉按钮, ...
AlphaControls 控件 TsFrameBar 创建下拉式多级导航菜单
AlphaControls 控件 TsFrameBar 创建下拉式多级导航菜单 TsFrameBar控件是创建一个下拉菜单的工具块. TsFrameBar控件本身,可以通过创建TITEMS,自 ...

最新文章

热门文章