From 74aabc2c292f4ee9ab73cf481ed2c7adc8cc3c76 Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Tue, 09 Apr 2024 16:38:08 +0800
Subject: [PATCH] 公共工具，添加防抖和节流函数
---
forms/imagePicker/CImagePicker.vue | 50 +++++++++++++++++++++++++++++++++++++-------------
1 files changed, 37 insertions(+), 13 deletions(-)
diff --git a/forms/imagePicker/CImagePicker.vue b/forms/imagePicker/CImagePicker.vue
index 33de729..d9b581f 100644
--- a/forms/imagePicker/CImagePicker.vue
+++ b/forms/imagePicker/CImagePicker.vue
@@ -15,14 +15,15 @@
<AtImagePicker
ref="picker"
mode="aspectFit"
+ :sourceType="sourceType"
:multiple="count > 1"
:count="count"
:showAddBtn="!selectedFull"
:length="3"
:files="files"
- :onChange="(files,operationType,index)=>handleChange(files,operationType,index)"
- :onFail="evt=>handleFail(evt)"
- :onImageClick="(index, file)=>handleImgView(index,file)"
+ :onChange="(files,operationType,index) => handleChange(files,operationType,index)"
+ :onFail="evt => handleFail(evt)"
+ :onImageClick="(index, file) => handleImgView(index,file)"
/>
<CImageCompressor ref="compressor" />
<CImagePreview ref="imgPreview" />
@@ -57,10 +58,20 @@
type: Number,
default: 1,
},
+ // 图片来源
+ sourceType: {
+ type: Array,
+ default: () => ['album', 'camera'],
+ },
// 上传图片参数
params: {
type: Object,
default: () => {},
+ },
+ // 是否开启缩略图
+ needThumb: {
+ type: Boolean,
+ default: false,
},
},
data() {
@@ -104,7 +115,7 @@
if (file.file && file.file.originalFileObj) {
if (
/image\/(gif|png|jpg|jpeg)/.test(
- file.file.originalFileObj.type
+ file.file.originalFileObj.type,
)
) {
return true;
@@ -207,7 +218,10 @@
callback(state, res);
}
},
- this.params
+ $fetchCommon.transKeyName('underline', {
+ ...this.params,
+ needThumb: this.needThumb ? 1 : 0,
+ }),
);
},
},
@@ -227,7 +241,7 @@
// 图片上传节流
const _readyUpload = {};
-export const uploadImage = (files, callback, params) => {
+export const uploadImage = (files, callback, formData = {}) => {
if (!files || files.length === 0) {
callback('success', []);
return;
@@ -271,18 +285,28 @@
...requestFile,
header,
name: 'file',
- formData: { ...params },
+ formData,
timeout: 30 * 1000,
success(res) {
- const res2 =
- typeof res.data === 'string'
- ? JSON.parse(res.data)
- : res.data;
+ let res2;
+ try {
+ res2 =
+ typeof res.data === 'string'
+ ? JSON.parse(res.data)
+ : res.data;
+ } catch (err) {
+ reject({
+ ...requestFile,
+ response: res,
+ message: '上传图片异常！',
+ });
+ return;
+ }
// 上传成功
if (res2.state.code === 2000) {
const imgUrl = $fetchCommon.transImgPath(
'fix',
- res2.data.src || res2.data.file || res2.data.url
+ res2.data.src || res2.data.file || res2.data.url,
);
_readyUpload[file.url] = imgUrl;
resolve(imgUrl);
@@ -309,7 +333,7 @@
});
},
});
- })
+ }),
);
}
// 其他类型视为 url，忽略
--
Gitblit v1.9.1