以前一直想找一款带上传速度的上传控件,但.net版成熟基本没有,本周瞎逛看了周公的关于SlickUpload的帖子,于是便非常感兴趣!
搜索了一下,最新版6.1.7,文档不是很全,而且全是英文,本人英文水平一般吧,看了两天文档,把slickupload.js从头看到尾,基本了解了SlickUpload的原理.
然后开工做一个自己的上传控件吧.目标:实现Jquery无刷新上传及后台获取.
还要感谢@Adming 的6.1.7破解方法..我试过反编译后去掉文字图片,但是再编译会报错!多次尝试就放弃了!
用了大约一周的时间才搞定!主要是官网给的文档太坑爹!很多语法根本用不了!必须到slickupload.js找,看完slickupload.js后无难题!
测试:IE7,8,9,10,Chrome,火狐均正常;IE6没测,不知道能不能用!
先上几张图吧,觉得感兴趣再往下看!
单文件上传
多文件上传
项目文件包含:
css/jquery.slickupload.css
images/几张小图片
js/jquery-1.9.1.min.js
js/jquery.slickupload.min.js
js/slickupload.js
Demo.html
html部分(无cs代码:Demo.html):
1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>文件上传 - 支持拖拽上传</title> 6 <link href="css/jquery.slickupload.css" rel="stylesheet" /> 7 </head> 8 <body> 9 <form id="form1" method="post" action="Demo.aspx"> 10 <div id="uploaddiv"></div> 11 <div id="onefile"></div> 12 </form> 13 <hr /> 14 <div id="UploadedFiles">上传成功服务器返回的文件名<br /></div> 15 16 <script type="text/javascript" src="js/slickupload.js"></script> 17 <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script> 18 <script type="text/javascript" src="js/jquery.slickupload.min.js"></script> 19 <script type="text/javascript"> 20 $(function () { 21 $("#uploaddiv").SlickUpload({ UploadFormID: "form1", MaxFiles: 5, MaxFileSize: 1024000, FileExtensions: " ", onFinished: GetServerFileName }); 22 $("#onefile").SlickUpload(); 23 }); 24 function GetServerFileName(FileName) { 25 $("#UploadedFiles").append(FileName + "<br />"); 26 } 27 </script> 28 </body> 29 </html>
不好意思地址失效了!20161221更新百度云下载地址
下载地址:
链接: http://pan.baidu.com/s/1gfoOtSR 密码: bvdt
内含 企业版SlickUpload,无需配置global了,及集成TinyMce编辑器 单文件 多文件上传.