From 5eac071595b5ed09440c96106c7f98767dcaabfa Mon Sep 17 00:00:00 2001 From: Tevin <tingquanren@163.com> Date: Fri, 26 Aug 2022 16:11:01 +0800 Subject: [PATCH] 增加显示调试面板的公共方法 --- forms/imagePicker/CImagePicker.vue | 54 ++++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 40 insertions(+), 14 deletions(-) diff --git a/forms/imagePicker/CImagePicker.vue b/forms/imagePicker/CImagePicker.vue index 32d9017..6ebd882 100644 --- a/forms/imagePicker/CImagePicker.vue +++ b/forms/imagePicker/CImagePicker.vue @@ -211,9 +211,13 @@ }, }; +// 图片上传节流 +const _readyUpload = {}; + export const uploadImage = (files, callback) => { if (!files || files.length === 0) { callback('success', []); + return; } let url = $fetchCommon.getUploadImgURL(); if (url.indexOf('http') < 0) { @@ -228,7 +232,7 @@ file.url.indexOf('wxfile') >= 0 || file.url.indexOf('http://tmp/') >= 0 ) { - let header = {}; + const header = {}; if (process.env.TARO_ENV === 'weapp') { const localCookies = JSON.parse(Taro.getStorageSync('cookies') || '{}'); const cookiesArr = []; @@ -237,13 +241,22 @@ }); header['Cookie'] = cookiesArr.join('; '); } + const requestFile = { + url, + filePath: file.url, + fileName: file.fileName || '', + }; uploadTeam.push( new Promise((resolve, reject) => { + // 如果本次已上传过,直接返回地址 + if (_readyUpload[file.url] && _readyUpload[file.url].length > 5) { + resolve(_readyUpload[file.url]); + return; + } + // 上传 Taro.uploadFile({ - url, + ...requestFile, header, - filePath: file.url, - fileName: file.fileName || '', name: 'file', formData: {}, success(res) { @@ -251,22 +264,35 @@ typeof res.data === 'string' ? JSON.parse(res.data) : res.data; + // 上传成功 if (res2.state.code === 2000) { - resolve( - $fetchCommon.transImgPath( - 'fix', - res2.data.src || res2.data.file || res2.data.url - ) + const imgUrl = $fetchCommon.transImgPath( + 'fix', + res2.data.src || res2.data.file || res2.data.url ); - } else { - reject({ message: res2.state.msg }); + _readyUpload[file.url] = imgUrl; + resolve(imgUrl); + } + // 上传失败 + else { + reject({ + ...requestFile, + response: res2, + message: res2.state.msg, + }); } }, - cancel() { - reject({ message: '上传图片已取消!' }); + cancel(err) { + reject({ + ...requestFile, + message: '上传图片已取消!', + }); }, fail() { - reject({ message: '上传图片失败!' }); + reject({ + ...requestFile, + message: '上传图片失败!', + }); }, }); }) -- Gitblit v1.9.1