-
+
![]()
@@ -52,7 +41,7 @@ import type { UploadProps } from 'element-plus'
import { generateUUID } from '@/utils'
import { propTypes } from '@/utils/propTypes'
import { createImageViewer } from '@/components/ImageViewer'
-import { useUpload } from '@/components/UploadFile/src/useUpload'
+import { compressImage, useUpload } from '@/components/UploadFile/src/useUpload'
defineOptions({ name: 'UploadImg' })
@@ -106,15 +95,27 @@ const editImg = () => {
dom && dom.dispatchEvent(new MouseEvent('click'))
}
-const beforeUpload: UploadProps['beforeUpload'] = (rawFile) => {
+const beforeUpload: UploadProps['beforeUpload'] = async (rawFile) => {
const imgSize = rawFile.size / 1024 / 1024 < props.fileSize
const imgType = props.fileType
- if (!imgType.includes(rawFile.type as FileTypes))
- message.notifyWarning('上传图片不符合所需的格式！')
- if (!imgSize) message.notifyWarning(`上传图片大小不能超过 ${props.fileSize}M！`)
- return imgType.includes(rawFile.type as FileTypes) && imgSize
-}
+ if (!imgType.includes(rawFile.type as FileTypes)) {
+ message.notifyWarning('上传图片不符合所需的格式！')
+ return false
+ }
+ if (!imgSize) {
+ message.notifyWarning(`上传图片大小不能超过 ${props.fileSize}M！`)
+ return false
+ }
+
+ // ===== 新增：压缩图片 =====
+ try {
+ const compressed = await compressImage(rawFile, 0.8)
+ return compressed
+ } catch {
+ return rawFile // 失败则用原图
+ }
+}
// 图片上传成功提示
const uploadSuccess: UploadProps['onSuccess'] = (res: any): void => {
message.success('上传成功')
@@ -129,6 +130,7 @@ const uploadError = () => {