jQuery.uploadify文件上传组件实例讲解

推荐整理分享jQuery.uploadify文件上传组件实例讲解，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助，希望把文章链接给更多的朋友！

1、jquery.uploadify简介

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

Uploadify官网地址是： 可满足项目开发需求。

下载地址： 版本信息如下：

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

2、使用流程

下载的程序是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，到此已经完成。

3、http 解决方案

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

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

再次用firefox测试如下：

4、注意事项

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

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

3、本项目使用的abp框架，有兴趣的可以去了解下：

打造自己的jQuery插件入门教程 本文实例讲述了打造自己的jQuery插件的方法。分享给大家供大家参考，具体如下：写js插件并不麻烦，js插件有两类，类型插件和对象插件。首先举例：$

jQuery实现移动端手机商城购物车功能 购物车数量加减右加号$(".jiahao").click(function(){vart=$(this).siblings().find("input");//取到数量t.val(parseInt(t.val())+1);//parseInt()解析input一个字符串，返回一个整数he

jQuery的deferred对象使用详解 之前看别人的demo，发现在延迟对象被resolve时要执行的代码，有时会写在deferred.then方法里执行，有时会写在deferred.done方法里执行。这让对延迟对象一知