图片压缩调整

node_modules/.package-lock.json

@@ -27,6 +27,12 @@
         "tweetnacl": "^0.14.3"
       }
     },
+    "node_modules/blueimp-canvas-to-blob": {
+      "version": "3.29.0",
+      "resolved": "https://registry.npmmirror.com/blueimp-canvas-to-blob/-/blueimp-canvas-to-blob-3.29.0.tgz",
+      "integrity": "sha512-0pcSSGxC0QxT+yVkivxIqW0Y4VlO2XSDPofBAqoJ1qJxgH9eiUDLv50Rixij2cDuEfx4M6DpD9UGZpRhT5Q8qg==",
+      "license": "MIT"
+    },
     "node_modules/brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -43,6 +49,16 @@
       "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
       "dev": true
     },
+    "node_modules/compressorjs": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmmirror.com/compressorjs/-/compressorjs-1.2.1.tgz",
+      "integrity": "sha512-+geIjeRnPhQ+LLvvA7wxBQE5ddeLU7pJ3FsKFWirDw6veY3s9iLxAQEw7lXGHnhCJvBujEQWuNnGzZcvCvdkLQ==",
+      "license": "MIT",
+      "dependencies": {
+        "blueimp-canvas-to-blob": "^3.29.0",
+        "is-blob": "^2.1.0"
+      }
+    },
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmmirror.com/concat-map/-/concat-map-0.0.1.tgz",
@@ -156,6 +172,18 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/is-blob": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/is-blob/-/is-blob-2.1.0.tgz",
+      "integrity": "sha512-SZ/fTft5eUhQM6oF/ZaASFDEdbFVe89Imltn9uZr03wdKMcWNVYSMjQPFtg05QuNkt5l5c135ElvXEQG0rk4tw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/is-core-module": {
       "version": "2.13.1",
       "resolved": "https://registry.npmmirror.com/is-core-module/-/is-core-module-2.13.1.tgz",

package-lock.json

@@ -5,6 +5,7 @@
   "packages": {
     "": {
       "dependencies": {
+        "compressorjs": "^1.2.1",
         "crypto-js": "^4.2.0",
         "date-fns": "^3.6.0",
         "lodash-es": "^4.17.21",
@@ -40,6 +41,12 @@
         "tweetnacl": "^0.14.3"
       }
     },
+    "node_modules/blueimp-canvas-to-blob": {
+      "version": "3.29.0",
+      "resolved": "https://registry.npmmirror.com/blueimp-canvas-to-blob/-/blueimp-canvas-to-blob-3.29.0.tgz",
+      "integrity": "sha512-0pcSSGxC0QxT+yVkivxIqW0Y4VlO2XSDPofBAqoJ1qJxgH9eiUDLv50Rixij2cDuEfx4M6DpD9UGZpRhT5Q8qg==",
+      "license": "MIT"
+    },
     "node_modules/brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -66,6 +73,16 @@
         "node": ">=10.0.0"
       }
     },
+    "node_modules/compressorjs": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmmirror.com/compressorjs/-/compressorjs-1.2.1.tgz",
+      "integrity": "sha512-+geIjeRnPhQ+LLvvA7wxBQE5ddeLU7pJ3FsKFWirDw6veY3s9iLxAQEw7lXGHnhCJvBujEQWuNnGzZcvCvdkLQ==",
+      "license": "MIT",
+      "dependencies": {
+        "blueimp-canvas-to-blob": "^3.29.0",
+        "is-blob": "^2.1.0"
+      }
+    },
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmmirror.com/concat-map/-/concat-map-0.0.1.tgz",
@@ -194,6 +211,18 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/is-blob": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/is-blob/-/is-blob-2.1.0.tgz",
+      "integrity": "sha512-SZ/fTft5eUhQM6oF/ZaASFDEdbFVe89Imltn9uZr03wdKMcWNVYSMjQPFtg05QuNkt5l5c135ElvXEQG0rk4tw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/is-core-module": {
       "version": "2.13.1",
       "resolved": "https://registry.npmmirror.com/is-core-module/-/is-core-module-2.13.1.tgz",

package.json

@@ -3,6 +3,7 @@
     "production": "node ./upload/production.js"
   },
   "dependencies": {
+    "compressorjs": "^1.2.1",
     "crypto-js": "^4.2.0",
     "date-fns": "^3.6.0",
     "lodash-es": "^4.17.21",

share/useUploadFile.js

@@ -1,4 +1,5 @@
 import { api_uploadAttachment } from "@/http/api.js"
+import Compressor from 'compressorjs';
 export function useUploadFile() {
   /**
    * 压缩
@@ -20,6 +21,24 @@ export function useUploadFile() {
       }
     })
   }
+	/**
+	 * 压缩图片
+	 */
+	const compressImage = (file) => {
+		return new Promise((resolve,reject) => {
+			new Compressor(file, {
+				quality: 0.6, // 压缩质量，范围从0到1
+				maxWidth: 1500, // 最大宽度
+				maxHeight: 1500, // 最大高度
+				success: (result) => {
+					resolve(result); // 压缩后的图片
+				},
+				error: (err) => {
+					reject(err); // 压缩失败的错误信息
+				}
+			});
+		})
+	}
   /**
    * 上传图片
    */
@@ -50,7 +69,8 @@ export function useUploadFile() {
 			await newImage(img)
 			ctx.drawImage(img, 0, 0, canvasWidth, canvasHeight)
 			
-			const fileSrc = await toBlob(canvas, imgObj)
+			const blob = await toBlob(canvas, imgObj)
+			const fileSrc = await compressImage(blob)
 			let tp = window.URL.createObjectURL(fileSrc)
 			console.log('压缩后', tp);
 			return uni.uploadFile({