开源地址:https://github.com/dunitian/LoTUploader
WebUploader基础上的封装改善,一句代码全部实现(样式美化,实例JS优化(配置优化,样式调整,名称+大小显示,错误处理等),后端代码。。。。。)
效果:(完整demo:https://github.com/dunitian/LoTUploader/tree/V1.0.1/Demo)

一句代码:$.lotuploader('lot-uploader', '/Home/Upload'); //必填参数:ID,Server地址 (完整案例看Demo部分)
第一步:引入样式
<link href="Scripts/lotUploader/lotuploader1.0.1.min.css" rel="stylesheet" />
第二步:自己定义一个DIV(id名任意)
<div id="lot-uploader"></div>
第三步:引入脚本
<script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script> <script src="Scripts/lotUploader/lotuploader1.0.1.min.js"></script>
代码部分:
<script type="text/javascript"> $.lotuploader({ lotDocId: 'lot-uploader', //ID lotUrl: '/Home/Upload', //服务器Post地址 }); </script>
单文件处理:
后端实例代码:
注意点:
CDN地址: https://cdn.rawgit.com/dunitian/LoTUploader/master/Dist/progress.png https://cdn.rawgit.com/dunitian/LoTUploader/master/Dist/lotuploader.swf https://cdn.rawgit.com/dunitian/LoTUploader/master/Dist/lotuploader.min.css https://cdn.rawgit.com/dunitian/LoTUploader/master/Dist/lotuploader1.0.2.min.js
作者:毒逆天
出处:https://www.cnblogs.com/dotnetcrazy
打赏:<b>18i4JpL6g54yAPAefdtgqwRrZ43YJwAV5z</b>
本文版权归作者和博客园共有。欢迎转载,但必须保留此段声明,且在文章页面明显位置给出原文连接!