jquery.uploadify文件上传组件

1、jquery.uploadify简介

在ASP.NET中上传的控件有很多，比如.NET自带的FileUpload，以及SWFUpload，Uploadify等等，尤其后面两个控件的用户体验比较好，无刷新，带上传进度等等。在最近的短信平台开发中，使用Uploadify进行文件上传。

Uploadify官网地址是：http://www.uploadify.com/ 可满足项目开发需求。

解压之后，目录结构如下（不在详细解释）：

下载的程序是PHP示例，由于项目使用的是asp.net mvc，使用uploadify可分以下步骤：

• （1）加入uploadify js类库（把uploadify相关js类库引用到项目的相关位置，比如放到scripts目录）
• （2）对uploadify二次进行封装，满足项目调用
• （3）编写文件上传处理方法
• （4）页面引用相关类库并编写上传脚本

2.1 对uploadify二次进行封装

针对uploadify调用进行js类库封装，满足项目使用：

2.2 文件上传处理

使用MVC特性，要登录之后才能进行文件上传：

文件上传路径：/files/upload

2.3 页面调用

允许程序，界面如下：

选择文件—>开始上传：

ok，到此已经完成。

很怀疑二八原则，很快就出现了。同事用firefox进行测试，遇到如下提示：

查找大量资料，发下是Upload方法认证的问题，去掉[Authorize]属性标签即可，代码修改如下：

再次用firefox测试如下：

1、封装的js类库适合单文件上传

2、upload里面的登录认证是通过判断当前账号信息是否为null

3、本项目使用的abp框架，有兴趣的可以去了解下：http://www.aspnetboilerplate.com/