Browse Source

限制视频采集格式

zhuf 1 year ago
parent
commit
c266ba575d
1 changed files with 7 additions and 3 deletions
  1. 7 3
      src/pages/caiji/rx/name.vue

+ 7 - 3
src/pages/caiji/rx/name.vue

@@ -119,6 +119,10 @@ const videoSize = 2 * 1024 * 1024 * 1024;
 
 function beforeRead (file: any) {
   console.log('上传视频预校验 : ', file)
+  if(file.type !== 'video/mp4' && file.type !== 'video/mov' && file.type !== 'video/webm'){
+    showFailToast('视频类型'+file.type+'不支持采集,请上传 mp4、mov、webm 格式的视频')
+    return false
+  }
   if (file.size > videoSize){
     showFailToast('文件大小不能超过 2GB')
     return false
@@ -146,7 +150,7 @@ function beforeRead (file: any) {
         </van-field>
         <van-field v-if="form.mode === '1'" name="录制视频" label="录制视频" :rules="[{ required: true, message: '录制视频不能为空' }]">
           <template #input>
-            <van-uploader v-model="form.file" :max-count="1" accept="video/*" capture="user" :after-read="afterRead"
+            <van-uploader v-model="form.file" :max-count="1" accept="video/mp4,video/mov,video/webm" capture="user" :after-read="afterRead"
               :max-size="videoSize" :before-read="beforeRead ">
               <van-button type="primary">手机录制入口</van-button>
             </van-uploader>
@@ -154,7 +158,7 @@ function beforeRead (file: any) {
         </van-field>
         <van-field v-if="form.mode === '2'" name="上传视频" label="上传视频" :rules="[{ required: true, message: '上传视频不能为空' }]">
           <template #input>
-            <van-uploader v-model="form.file" :max-count="1" accept="video/*" :after-read="afterRead"
+            <van-uploader v-model="form.file" :max-count="1" accept="video/mp4,video/mov,video/webm" :after-read="afterRead"
               :max-size="videoSize" :before-read="beforeRead " />
           </template>
         </van-field>
@@ -167,4 +171,4 @@ function beforeRead (file: any) {
       </div>
     </van-form>
   </div>
-</template>
+</template>