首页 > Web开发 > 详细

jquery.fileupload.js 多文件上传

时间:2017-10-29 14:12:39      阅读:882      评论:0      收藏:0      [点我收藏+]
JS代码
/*源码上传*/
$(‘#doc0‘).fileupload({
autoUpload: true,
dataType: ‘json‘,
url: ‘/finance/fileUpload‘,
add: function (e, data) {
data.submit();
},
done: function (e, data) {
$.each(data.result.files, function (index, file) {
$(‘<p/>‘).text(file.name).appendTo(document.body);
});
},
fail: function (e, data) {
//错误提示
gritted(‘上传失败‘);
},
success: function (e, data) {
var file_size = e.size;
if (file_size / 1000 < 1) {
var fileSize = ‘<1‘;
} else {
var fileSize = Math.round(file_size) / 1000;
}

}
});
//标签
<input type="file" name="files" id="doc0" imgid="img0" data-url="/finance/fileUpload"
multiple="" value=""/>
//需要引入的JS库
{!! Theme::asset()->container(‘specific-js‘)->usep2ath()->add(‘fileUpload1‘,‘js/user/jquery.ui.widget.js‘) !!}
{!! Theme::asset()->container(‘specific-js‘)->usepath()->add(‘fileUpload2‘,‘js/user/jquery.iframe-transport.js‘) !!}
{!! Theme::asset()->container(‘specific-js‘)->usepath()->add(‘fileUpload3‘,‘js/user/jquery.fileupload.js‘) !!}
 

jquery.fileupload.js 多文件上传

原文:http://www.cnblogs.com/chen1970s/p/7749866.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!