Browse Source

视频上传公共组件限制,mp4、avi格式文件并限制上传文件大小

zhanglikun 4 năm trước cách đây
mục cha
commit
5668427c35
1 tập tin đã thay đổi với 22 bổ sung0 xóa
  1. 22 0
      src/apps/mobile/components/uploadAuto/index.vue

+ 22 - 0
src/apps/mobile/components/uploadAuto/index.vue

@@ -33,6 +33,7 @@
             :on-success="handleUploadSuccessVideo"
             :on-exceed="handleUploadBeyondVideo"
             :on-remove="handleUploadRemoveVideo"
+            :before-upload="beforeUploadVideo"
         >
             <el-button size="small" type="primary">添加附件</el-button>
             <span slot="tip" class="el-upload__tip ml10">视频格式为MP4, 大小不超过50M</span>
@@ -274,6 +275,27 @@ export default {
             // }
             // return fileType !== -1;
         },
+        beforeUploadVideo(file){
+            // console.log(file);
+            var testmsg=file.name.substring(file.name.lastIndexOf('.')+1)
+            const extension = testmsg === 'mp4'
+            const extension2 = testmsg === 'avi'
+            const isSize = file.size / 1024 / 1024 < 50
+            if(!extension && !extension2) {
+                this.$message({
+                    message: '上传文件只能是 mp4、avi格式!',
+                    type: 'warning'
+                });
+            }
+            if(!isSize) {
+                this.$message({
+                    message: '上传文件大小不能超过 50MB!',
+                    type: 'warning'
+                });
+            }
+            return (extension || extension2) && isSize
+            return extension || extension2
+        }
     },
 };
 </script>