应公司编辑部要求,需要图片批量上传功能来提高工作效率。在网上收集了些资料后,觉得JQuery
Uploadify插件不错。下面简要介绍下Uploadify在ASP.NET中的实现以及遇到的一些问题
首先介绍下实现上传功能
1. 下载Uploadify插件:官方下载(本人以2.1.4版本开发)
2. 创建一个Web项目,将下载的压缩包中必要的文件拷入项目中(如图所示)
3. 创建一个一般处理程序UploadHander.ashx(HttpHander)用于处理上传的文件
4. 创建UploadFile文件夹用来保存上传的图片
5. 修改Default.aspx的HTML代码
6. 修改UploadHander.ashx处理上传的图片
7. 运行效果
上传功能至此已实现,具体参数说明请参考官方文档或博客园oec2003(水杯)的博客,下面介绍下本人在实现过程中遇到的问题
1.buttonText 属性设置中文无效的问题
原因:uploadify.js
中对使用escape()进行编码,在uploadify.swf中使用unescape()进行解码,js中的escape()方法是采用ISO
Latin字符集对指定的字符串进行编码的,很明显咱们的中文,包括日文,韩文(CJK)都不包括在ISO Latin字符集里面的。
解决方法:
A. 修改插件
修改uploadify.js
将 if (settings.buttonText) data.buttonText =
escape(settings.buttonText);
改为 if (settings.buttonText) data.buttonText =
encodeURI(settings.buttonText);
修改uploadify.fla
将 browseBtn.empty.buttonText.text =
unescape(param.buttonText);
改为 browseBtn.empty.buttonText.text =
decodeURI(param.buttonText);
然后重新生成uploadify.swf并拷入项目中
B. 使用 buttonImg 参数
显然buttonImg是用来设置图片按钮的,自己做的图片,没编码当然不会乱码了,不过这个方法,按钮显示会有点慢,还是比较推荐方法A.
2. FireFox中 上传图标看不见
原因:没有安装Flash非IE内核的插件
解决方法:在FireFox中安装最新版本的非IE内核的插件
3. onQueueFull 函数提示两次
原因:在uploadify.js中 157行已经弹出提示,所以在页面中设置onQueueFull后会弹出两次提示
解决方法:将uploadify.js中 alert('The queue is full. The max size is '
+ queueSizeLimit + '.');删除或将提示改为中文;
4. uploadify.js中的中文乱码(不修改uploadify.js不会出现这种情况)
原因:编码不统一,uploadify.js 采用UTF-8编码,ASP.NET环境默认为GB2312编码
解决方法:引用 uploadify.js 时添加 charset="gb2312"
5. 上传中文名称的文件时,Http Error
原因:在uploadify.swf中采用utf-8编码并上传图片,ASP.NET默认GB2312编码
解决方法:
A. 在HttpHander处理上传图片时,添加 context.Response.ContentEncoding =
System.Text.Encoding.UTF8;
B. 在 Web.config 中添加如下代码
<globalization fileEncoding="UTF-8" requestEncoding="UTF-8"
responseEncoding="UTF-8"/>
6. 关于上传成功后图片自动消失的问题
原因:在uploadify.js中第48行,有个属性:removeCompleted 该属性默认值为 true;表示自动移除上传成功的文件
解决方法:修改 removeCompleted 默认值为 false
参考资料:
http://www.cnblogs.com/oec2003/archive/2010/01/06/1640027.html
http://www.bq69.com/browse-scripting/jquery-uploadify-messy-code-button.html
分享到:
相关推荐
jquery uploadify插件Demo
HTML5 PHP jquery uploadify上传文件,带进度条,author:吕大豹。仿照uploadify写的,www.codesc.net已做过修正,本例的配置参数均与uploadify官网一致,参照官网的api就可以了,直接把文件夹上传到支持php的服务器...
Jquery Uploadify使用参数详解
jquery Uploadify jsp 官网例子中没有jsp 开始了解的人不知道怎么用jqueryUploadify可以看这个例子很简单
一直以来jquery uploadify上传插件都不支持中文,每次都用图片代替也没感觉什么,但是最近开发的项目中有些特殊要求,不得不使用中文,于是中文支持版就出来了,这个是基于uploadify 2.1.4版修改的,请朋友们给点力,我赚点...
该uploadify为目前官网最新版本,由鄙人修改后,可以支持buttonText属性为中文
uploadify功能强大,支持多文件、批量上传、状态进度条等,提供前端文件限制相关设置。由于是flash环境全面支持asp、asp.net、php等平台。 该文件为uploadify for asp的demo,解压后即可运行。
jsp,servlet,jquey最新版的jquery uploadify多文件上传 采用最新 版本的jquery uploadify。 有注释。
jQueryUpLoadify +NET 4.0,自己整合了,可以直接拿来使用!
jquery uploadify java
文件上传功能基于jquery uploadify+ajax+ashx+flash技术实现,功能庞大,并具有良好的移植性。其能够一次性选择多个文件上传,查看上传进度,控制文件上传类型和大小,限制上传数量,接受服务器反馈信息,为每一步...
JQuery uploadify 实现文件批量上传完整例子,所有js,和uploadify插件js 都放在这个例子中
使用jquery uploadify插件需要的js和css还有falsh和png
Jquery Uploadify上传带进度条 可以用来上传大文件,代码精简易懂。
jquery uploadify实现批量上传
解决 jquery.uploadify.js 在ie9 下 二次打开失效问题等问题
MVC JQuery uploadIfy 批量上传并写入数据库信息
jquery uploadify 3.1版 用于多文件上传
uploadfiy这个插件是基于js里面的jquery库写的。结合了ajax和flash,实现了这个多线程上传的功能。