From bf1ac47ae368378a5bff9a1808cfa1a08fbfc917 Mon Sep 17 00:00:00 2001 From: Tevin <tingquanren@163.com> Date: Wed, 20 Mar 2024 17:49:43 +0800 Subject: [PATCH] 图片预览组件,显示微调 --- forms/imagePicker/CImagePicker.vue | 20 ++++++++++++++------ 1 files changed, 14 insertions(+), 6 deletions(-) diff --git a/forms/imagePicker/CImagePicker.vue b/forms/imagePicker/CImagePicker.vue index 0846c64..93faa4e 100644 --- a/forms/imagePicker/CImagePicker.vue +++ b/forms/imagePicker/CImagePicker.vue @@ -68,6 +68,11 @@ type: Object, default: () => {}, }, + // 是否开启缩略图 + needThumb: { + type: Boolean, + default: false, + }, }, data() { return { @@ -110,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; @@ -213,7 +218,10 @@ callback(state, res); } }, - this.params + $fetchCommon.transKeyName('underline', { + ...this.params, + needThumb: this.needThumb ? 1 : 0, + }), ); }, }, @@ -233,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; @@ -277,7 +285,7 @@ ...requestFile, header, name: 'file', - formData: { ...params }, + formData, timeout: 30 * 1000, success(res) { let res2; @@ -298,7 +306,7 @@ 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); @@ -325,7 +333,7 @@ }); }, }); - }) + }), ); } // 其他类型视为 url,忽略 -- Gitblit v1.9.1