blackteay/ThinkAdmin
1
0
Fork 0
mirror of https://gitee.com/zoujingli/ThinkAdmin.git synced 2025-04-24 18:36:15 +08:00
Code Issues Projects Releases Wiki Activity

Update upload.js

Browse Source
This commit is contained in:
邹景立 2021-05-28 17:15:04 +08:00
parent da5f3e12ba
commit 7be9e39081
1 changed files with 13 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
app/admin/view/api/upload.js
View File

@ -1,33 +1,34 @@
define(['md5'], function (SparkMD5, allowMime) { define(['md5'], function (SparkMD5, allowMime) {
allowMime = JSON.parse('{$exts|raw}'); allowMime = JSON.parse('{$exts|raw}');
return function (element, callable) { return function (element, callable) {
/*! 初始化变量 */ /*! 初始化变量 */
var opt = {element: $(element), exts: [], mimes: [], files: {}, cache: {}, load: 0}; var opt = {element: $(element), exts: [], mimes: [], files: {}, cache: {}, load: 0, count: {total: 0, uploaded: 0}};
opt.element.data('input', opt.element.data('input') || $('input[name="' + (opt.element.data('field') || 'file') + '"]:not([type=file])')); opt.element.data('input', opt.element.data('input') || $('input[name="' + (opt.element.data('field') || 'file') + '"]:not([type=file])'));
opt.safe = opt.element.data('safe') ? 1 : 0, opt.input = $(opt.element.data('input')), opt.hload = opt.element.data('hide-load') ? 1 : 0; opt.safe = opt.element.data('safe') ? 1 : 0, opt.hide = opt.element.data('hide-load') ? 1 : 0;
opt.count = {total: 0, uploaded: 0}, opt.size = opt.element.data('size') || 0, opt.multiple = opt.element.data('multiple') > 0; opt.size = opt.element.data('size') || 0, opt.mult = opt.element.data('multiple') > 0;
opt.uptype = opt.safe ? 'local' : opt.element.attr('data-uptype') || ''; opt.type = opt.safe ? 'local' : opt.element.attr('data-uptype') || '';
/*! 文件选择筛选 */ /*! 文件选择筛选 */
$((opt.element.data('type') || '').split(',')).map(function (i, ext) { $((opt.element.data('type') || '').split(',')).map(function (i, ext) {
if (allowMime[ext]) opt.exts.push(ext), opt.mimes.push(allowMime[ext]); if (allowMime[ext]) opt.exts.push(ext), opt.mimes.push(allowMime[ext]);
}); });
/*! 初始化上传组件 */ /*! 初始化上传组件 */
opt.uploader = layui.upload.render({ opt.uploader = layui.upload.render({
url: '{:url("admin/api.upload/file")}', url: '{:sysuri("admin/api.upload/file")}', auto: false, elem: element, accept: 'file', multiple: opt.mult,
auto: false, elem: element, accept: 'file', multiple: opt.multiple,
exts: opt.exts.join('|'), acceptMime: opt.mimes.join(','), choose: function (object) { exts: opt.exts.join('|'), acceptMime: opt.mimes.join(','), choose: function (object) {
opt.element.triggerHandler('upload.choose', opt.files = object.pushFile()); opt.element.triggerHandler('upload.choose', opt.files = object.pushFile());
opt.uploader.config.elem.next().val(''), layui.each(opt.files, function (index, file) { opt.uploader.config.elem.next().val(''), layui.each(opt.files, function (index, file) {
if (opt.size > 0 && file.size > opt.size) { if (opt.size > 0 && file.size > opt.size) {
return delete opt.files[index], $.msg.tips('文件大小超出上传限制！'); return delete opt.files[index], $.msg.tips('文件大小超出上传限制！');
} }
opt.load = opt.hload || $.msg.loading('上传进度 <span data-upload-progress>0%</span>'); opt.load = opt.hide || $.msg.loading('上传进度 <span data-upload-progress>0%</span>');
opt.count.total++, file.index = index, opt.cache[index] = file, delete opt.files[index]; opt.count.total++, file.index = index, opt.cache[index] = file, delete opt.files[index];
md5file(file).then(function (file) { md5file(file).then(function (file) {
opt.element.triggerHandler('upload.hash', file); opt.element.triggerHandler('upload.hash', file);
jQuery.ajax("{:url('admin/api.upload/state')}", { jQuery.ajax("{:url('admin/api.upload/state')}", {
data: {key: file.xkey, uptype: opt.uptype, safe: opt.safe, name: file.name}, method: 'post', success: function (ret) { data: {key: file.xkey, uptype: opt.type, safe: opt.safe, name: file.name}, method: 'post', success: function (ret) {
if (parseInt(ret.code) === 404) { if (parseInt(ret.code) === 404) {
file.xurl = ret.data.url; file.xurl = ret.data.url;
opt.uploader.config.url = ret.data.server; opt.uploader.config.url = ret.data.server;
@ -77,18 +78,18 @@ define(['md5'], function (SparkMD5, allowMime) {
if (typeof callable === 'function') { if (typeof callable === 'function') {
callable.call(opt.element, opt.cache[idx].xurl, opt.cache['id']); callable.call(opt.element, opt.cache[idx].xurl, opt.cache['id']);
} else { } else {
opt.multiple < 1 && opt.input.val(opt.cache[idx].xurl).trigger('change'); opt.mult < 1 && $(opt.element.data('input')).val(opt.cache[idx].xurl).trigger('change');
} }
(opt.hload || $.msg.close(opt.load)), opt.element.html(opt.element.data('html')); (opt.hide || $.msg.close(opt.load)), opt.element.html(opt.element.data('html'));
opt.element.triggerHandler('upload.done', {file: opt.cache[idx], data: ret}); opt.element.triggerHandler('upload.done', {file: opt.cache[idx], data: ret});
/*! 所有文件上传完成后结果处理 */ /*! 所有文件上传完成后结果处理 */
if (++opt.count.uploaded >= opt.count.total) { if (++opt.count.uploaded >= opt.count.total) {
if (opt.multiple > 0) { if (opt.mult > 0) {
var urls = []; var urls = [];
for (var i in opt.cache) urls.push(opt.cache[i].xurl) for (var i in opt.cache) urls.push(opt.cache[i].xurl)
opt.input.val(urls.join('|')).trigger('change'); $(opt.element.data('input')).val(urls.join('|')).trigger('change');
} }
opt.element.triggerHandler('upload.complete', {file: opt.cache}); opt.element.triggerHandler('upload.complete', {file: opt.cache});
(opt.cache = [], opt.files = []), opt.uploader.reload(); (opt.cache = [], opt.files = []), opt.uploader.reload();