分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

jquery.fileupload.js 多文件上传

发布时间:2023-09-06 01:21责任编辑:熊小新关键词:jsupload文件上传
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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved