Explorar el Código

视频限制大小

sunran hace 3 años
padre
commit
6c30e34294

+ 11 - 9
src/views/weibao/components/vanUploader.vue

@@ -6,7 +6,7 @@
         <div class="box">
           <van-uploader v-if="text=='图片'" :before-read="beforeRead" v-model="imgUrl" accept="image/png,image/jpeg,image/jpg" :after-read="afterRead" @delete='deleteUploader'>
           </van-uploader>
-          <van-uploader v-else v-model="multiMediaUrl" accept="video/*" :after-read="afterRead" @delete='deleteUploader'>
+          <van-uploader v-else v-model="multiMediaUrl" accept="video/*" :before-read="beforeRead2" :after-read="afterRead" @delete='deleteUploader'>
             <template #preview-cover="{ file }">
               <div v-if="file.type.indexOf('video') !== -1" class="none-box">
                 <img :src="require('../assets/video.png')">
@@ -57,6 +57,12 @@ export default {
       this.imgUrl = []
       this.multiMediaUrl = []
     },
+    beforeRead2(file) {
+      if (file.size > 50 * 1024 * 1024) {
+        this.$toast('视频不能超过50MB')
+        return
+      }
+    },
     // 返回布尔值
     beforeRead(file) {
       if (file.length) {
@@ -67,17 +73,10 @@ export default {
             item.name.indexOf('.jpeg') == -1
           ) {
             this.$toast('请上传 jpg/png 格式图片')
-            throw error
+            return false
           }
         })
       } else {
-        // this.$dialog
-        //   .alert({
-        //     message: file.name,
-        //   })
-        //   .then(() => {
-        //     // on close
-        //   })
         if (
           file.name.indexOf('.png') == -1 &&
           file.name.indexOf('.jpg') == -1 &&
@@ -120,6 +119,9 @@ export default {
           formDate.append('file', obj.file)
           this.uploading(formDate, file)
         } else {
+          // 视频
+
+          console.log(file.file.size, 'file.file')
           //添加入参
           formDate.append('file', file.file)
           this.uploading(formDate, file)

+ 2 - 2
src/views/weibao/views/consultation/index.vue

@@ -98,9 +98,9 @@ export default {
       if (!item) return this.bgimg
       var url = ''
       var arr = item.split(',')
-      arr.forEach((item, index) => {
+      arr.forEach((item) => {
         if (item.indexOf('.jpg') || item.indexOf('.png')) {
-          url = arr[index]
+          url = arr[0]
           return
         }
       })

+ 2 - 2
src/views/weibao/views/followUp/history.vue

@@ -28,9 +28,9 @@ export default {
       if (!item) return this.bgimg
       var url = ''
       var arr = item.split(',')
-      arr.forEach((item, index) => {
+      arr.forEach((item) => {
         if (item.indexOf('.jpg') || item.indexOf('.png')) {
-          url = arr[index]
+          url = arr[0]
           return
         }
       })

+ 2 - 2
src/views/weibao/views/loveHelp/index.vue

@@ -72,9 +72,9 @@ export default {
       if (!item) return this.bgimg
       var url = ''
       var arr = item.split(',')
-      arr.forEach((item, index) => {
+      arr.forEach((item) => {
         if (item.indexOf('.jpg') || item.indexOf('.png')) {
-          url = arr[index]
+          url = arr[0]
           return
         }
       })

+ 2 - 2
src/views/weibao/views/reporting/index.vue

@@ -98,9 +98,9 @@ export default {
       if (!item) return this.bgimg
       var url = ''
       var arr = item.split(',')
-      arr.forEach((item, index) => {
+      arr.forEach((item) => {
         if (item.indexOf('.jpg') || item.indexOf('.png')) {
-          url = arr[index]
+          url = arr[0]
           return
         }
       })

+ 2 - 2
src/views/weibao/views/specialServices/serviceComplete.vue

@@ -36,9 +36,9 @@ export default {
       if (!item) return this.bgimg
       var url = ''
       var arr = item.split(',')
-      arr.forEach((item, index) => {
+      arr.forEach((item) => {
         if (item.indexOf('.jpg') || item.indexOf('.png')) {
-          url = arr[index]
+          url = arr[0]
           return
         }
       })