位置: 编程技术 - 正文
推荐整理分享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方法里执行。这让对延迟对象一知
标签: jQuery.uploadify文件上传组件实例讲解
本文链接地址:https://www.jiuchutong.com/biancheng/380710.html 转载请保留说明!上一篇:Bootstrap中点击按钮后变灰并显示加载中实例代码(bootstrap按钮图标)
下一篇:打造自己的jQuery插件入门教程(打造自己的庭院花园游戏)
友情链接: 武汉网站建设