浏览代码

fix(upload): `accept` not work as expected

修复basicUpload的accept属性未按预期工作的问题
无木 3 年之前
父节点
当前提交
656ee4e5c9
共有 3 个文件被更改,包括 9 次插入1 次删除
  1. 1 0
      CHANGELOG.zh_CN.md
  2. 7 1
      src/components/Upload/src/useUpload.ts
  3. 1 0
      src/views/demo/comp/upload/index.vue

+ 1 - 0
CHANGELOG.zh_CN.md

@@ -15,6 +15,7 @@
   - 修复可编辑单元格的内容为空时,不会显示编辑图标的问题
   - 修复表尾合计行与表格主体部分的列有时候未能对齐的问题
 - **MarkDown** 修复初始 value 属性的值不起作用的问题
+- **BasicUpload** 修复`accept`属性不支持`MIME`及点开头的后缀名的问题
 - **其它**
   - 修复部分封装组件在使用插槽时报错的问题
   - 修复`useECharts`的`theme`参数不起作用的问题

+ 7 - 1
src/components/Upload/src/useUpload.ts

@@ -22,7 +22,13 @@ export function useUploadType({
   });
   const getStringAccept = computed(() => {
     return unref(getAccept)
-      .map((item) => `.${item}`)
+      .map((item) => {
+        if (item.indexOf('/') > 0 || item.startsWith('.')) {
+          return item;
+        } else {
+          return `.${item}`;
+        }
+      })
       .join(',');
   });
 

+ 1 - 0
src/views/demo/comp/upload/index.vue

@@ -7,6 +7,7 @@
       @change="handleChange"
       :api="uploadApi"
       class="my-5"
+      :accept="['image/*']"
     />
 
     <a-alert message="嵌入表单,加入表单校验" />