图片压缩

package-lock.json

@@ -6746,6 +6746,11 @@
       "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
       "dev": true
     },
+    "image-conversion": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmmirror.com/image-conversion/-/image-conversion-2.1.1.tgz",
+      "integrity": "sha512-hnMOmP7q2jxA+52FZ+wHNhg3fdFRlgfngsQH2JQHEQkafY7tj/8F15e6Rv/RxDegc872jvyaRHwMbkTZK1Cjbg=="
+    },
     "immutable": {
       "version": "4.1.0",
       "resolved": "https://registry.npmmirror.com/immutable/-/immutable-4.1.0.tgz",

package.json

@@ -11,6 +11,7 @@
   "dependencies": {
     "axios": "^0.27.2",
     "core-js": "^3.6.5",
+    "image-conversion": "^2.1.1",
     "lib-flexible": "^0.3.2",
     "node-sass": "^4.14.1",
     "sass-loader": "^7.0.0",

src/views/weibao/components/vanUploader.vue

@@ -34,6 +34,7 @@
 </template>
 <script>
 import { uploadImage } from '../api/index.js'
+import { compressAccurately } from 'image-conversion'
 export default {
   props: ['text'],
   data() {
@@ -50,16 +51,25 @@ export default {
         file.forEach((item) => {
           if (
             item.name.indexOf('.png') == -1 &&
-            item.name.indexOf('.jpg') == -1
+            item.name.indexOf('.jpg') == -1 &&
+            item.name.indexOf('.jpeg') == -1
           ) {
             this.$toast('请上传 jpg/png 格式图片')
             throw error
           }
         })
       } else {
+        // this.$dialog
+        //   .alert({
+        //     message: file.name,
+        //   })
+        //   .then(() => {
+        //     // on close
+        //   })
         if (
           file.name.indexOf('.png') == -1 &&
-          file.name.indexOf('.jpg') == -1
+          file.name.indexOf('.jpg') == -1 &&
+          file.name.indexOf('.jpeg') == -1
         ) {
           this.$toast('请上传 jpg/png 格式图片')
           return false
@@ -68,12 +78,15 @@ export default {
 
       return true
     },
-    afterRead(file) {
+    async afterRead(file) {
       let formDate = new FormData()
       if (file.length) {
-        file.forEach((item) => {
+        file.forEach(async (item) => {
           item.status = 'uploading'
           item.message = '上传中...'
+          const res = await compressAccurately(item.file, 400)
+          const obj = {}
+          obj.file = res
           //添加入参
           formDate.append('file', item.file)
           this.uploading(formDate, item)
@@ -81,8 +94,11 @@ export default {
       } else {
         file.status = 'uploading'
         file.message = '上传中...'
+        const res = await compressAccurately(file.file, 400)
+        const obj = {}
+        obj.file = res
         //添加入参
-        formDate.append('file', file.file)
+        formDate.append('file', obj.file)
         this.uploading(formDate, file)
       }
     },

src/views/weibao/views/consultation/initiateConsultation.vue

@@ -127,7 +127,11 @@ export default {
   methods: {
     getfileList(v, index) {
       if (index == undefined) {
-        if (v.indexOf('.png') != -1 || v.indexOf('.jpg') != -1) {
+        if (
+          v.indexOf('.png') != -1 ||
+          v.indexOf('.jpg') != -1 ||
+          v.indexOf('.jpeg') != -1
+        ) {
           this.pics.push(v)
         } else {
           this.videos.push(v)

src/views/weibao/views/followUp/addfollow.vue

@@ -245,7 +245,11 @@ export default {
     getPositionList() {},
     getfileList(v, index) {
       if (index == undefined) {
-        if (v.indexOf('.png') != -1 || v.indexOf('.jpg') != -1) {
+        if (
+          v.indexOf('.png') != -1 ||
+          v.indexOf('.jpg') != -1 ||
+          v.indexOf('.jpeg') != -1
+        ) {
           this.pics.push(v)
         } else {
           this.videos.push(v)

src/views/weibao/views/followUp/record.vue

@@ -195,7 +195,11 @@ export default {
     },
     getfileList(v, index) {
       if (index == undefined) {
-        if (v.indexOf('.png') != -1 || v.indexOf('.jpg') != -1) {
+        if (
+          v.indexOf('.png') != -1 ||
+          v.indexOf('.jpg') != -1 ||
+          v.indexOf('.jpeg') != -1
+        ) {
           this.pics.push(v)
         } else {
           this.videos.push(v)

src/views/weibao/views/loveHelp/details.vue

@@ -233,7 +233,11 @@ export default {
     },
     getfileList(v, index) {
       if (index == undefined) {
-        if (v.indexOf('.png') != -1 || v.indexOf('.jpg') != -1) {
+        if (
+          v.indexOf('.png') != -1 ||
+          v.indexOf('.jpg') != -1 ||
+          v.indexOf('.jpeg') != -1
+        ) {
           this.pics.push(v)
         } else {
           this.videos.push(v)

src/views/weibao/views/reporting/initiateConsultation.vue

@@ -104,7 +104,11 @@ export default {
   methods: {
     getfileList(v, index) {
       if (index == undefined) {
-        if (v.indexOf('.png') != -1 || v.indexOf('.jpg') != -1) {
+        if (
+          v.indexOf('.png') != -1 ||
+          v.indexOf('.jpg') != -1 ||
+          v.indexOf('.jpeg') != -1
+        ) {
           this.pics.push(v)
         } else {
           this.videos.push(v)

src/views/weibao/views/specialServices/startServiceplay.vue

@@ -239,7 +239,11 @@ export default {
     },
     getfileList(v, index) {
       if (index == undefined) {
-        if (v.indexOf('.png') != -1 || v.indexOf('.jpg') != -1) {
+        if (
+          v.indexOf('.png') != -1 ||
+          v.indexOf('.jpg') != -1 ||
+          v.indexOf('.jpeg') != -1
+        ) {
           this.imgUrl.push(v)
         } else {
           this.multiMediaUrl.push(v)