瀏覽代碼

feat: 资源库添加对上传资源格式的限制,并过滤格式类型接口数据是空的情况

wu.jian2 1 年之前
父節點
當前提交
f19be4a2c7
共有 1 個文件被更改,包括 15 次插入0 次删除
  1. 15 0
      data-room-ui/packages/SourceList/index.vue

+ 15 - 0
data-room-ui/packages/SourceList/index.vue

@@ -34,10 +34,12 @@
         搜索
       </el-button>
       <el-upload
+        accept="image/*, video/*"
         class="upload-demo"
         :action="upLoadUrl"
         :headers="headers"
         :data="{ module: code }"
+        :before-upload="beforeUpload"
         :on-success="uploadSuccess"
         :on-error="uploadError"
         multiple
@@ -222,6 +224,17 @@ export default {
         message: '上传失败'
       })
     },
+    beforeUpload (file) {
+      const isImage = file.type.startsWith('image/')
+      const isVideo = file.type.startsWith('video/')
+      const isValidFileType = isImage || isVideo
+      console.log(isValidFileType)
+      if (!isValidFileType) {
+        this.$message.error('只能上传图片或视频文件')
+      }
+
+      return isValidFileType
+    },
     uploadSuccess (response, file, fileList) {
       if (response.code === 200) {
         this.$message({
@@ -240,6 +253,8 @@ export default {
       get('/bigScreen/file/getAllFileSuffix').then((data) => {
         this.options = []
         this.options.push({ label: '全部', value: '' })
+        // 过滤data的空数据
+        data = data.filter((item) => item)
         data.forEach((item) => this.options.push({ label: item, value: item }))
       })
     },