图片压缩调整

package-lock.json

@@ -10,6 +10,7 @@
       "license": "ISC",
       "dependencies": {
         "big.js": "^6.2.1",
+        "compressorjs": "^1.2.1",
         "crypto-js": "^4.1.1",
         "dayjs": "^1.11.10",
         "js-base64": "^2.6.4",
@@ -57,6 +58,12 @@
         "url": "https://opencollective.com/bigjs"
       }
     },
+    "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",
@@ -83,6 +90,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",
@@ -209,6 +226,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

@@ -15,6 +15,7 @@
   "license": "ISC",
   "dependencies": {
     "big.js": "^6.2.1",
+    "compressorjs": "^1.2.1",
     "crypto-js": "^4.1.1",
     "dayjs": "^1.11.10",
     "js-base64": "^2.6.4",

tools/uploadFile.js

@@ -1,4 +1,5 @@
 import { api_uploadAttachment } from "@/http/http.js"
+import Compressor from 'compressorjs';
 /**
  * 压缩
  */
@@ -20,6 +21,24 @@ const newImage = (img) => {
   })
 }
 /**
+	 * 压缩图片
+	 */
+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); // 压缩失败的错误信息
+      }
+    });
+  })
+}
+/**
  * 上传图片
  */
 export const uploadFile = async (imgObj, type, incidentId) => {
@@ -50,7 +69,8 @@ export const uploadFile = async (imgObj, type, incidentId) => {
     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({