图片支持heic

components/apolloTable/component/base/extra/upload/index.tsx

@@ -110,7 +110,7 @@ const UploadCom = (props) => {
             const obj = checkoutFileType(file.name);
             const typeArr = file.name.match(/\.[a-zA-Z0-9]+$/);
             const type = typeArr && typeArr[0] ? typeArr[0].replace('.', '') : '';
-            if (!['png', 'gif', 'bmp', 'jpg', 'jpeg'].includes(type)) {
+            if (!['png', 'gif', 'bmp', 'jpg', 'jpeg', 'heic'].includes(type)) {
                 res(obj.thumbUrl);
             }
         });

components/apolloTable/component/base/extra/upload/preview.tsx

@@ -10,14 +10,12 @@ export default class uploadDetail extends React.Component {
     };
 
     onPreview = (url:string, name:string) => {
-        console.log('name: ', name);
-        console.log('url: ', url);
         const nameTypeArr = name.match(/\.[a-zA-Z0-9]+$/);
         const urlTypeArr = url.match(/\.[a-zA-Z0-9]+$/);
         const typeArr = nameTypeArr || urlTypeArr;
         let type = typeArr && typeArr[0] ? typeArr[0].replace('.', '') : '';
         type = type.toLowerCase();
-        if (['png', 'gif', 'bmp', 'jpg', 'jpeg'].includes(type)) {
+        if (['png', 'gif', 'bmp', 'jpg', 'jpeg', 'heic'].includes(type)) {
             this.setState({ showDialog: true, type: 'image', url });
         } else if (['doc', 'docx', 'document', 'xls', 'xlsx', 'ppt', 'pptx'].includes(type)) {
             this.setState({ showDialog: true, type: 'office', url });

components/apolloTable/component/base/extra/upload/utils.ts

@@ -4,7 +4,7 @@ export const checkoutFileType = (url = '') => {
     const typeArr = url.match(/\.[a-zA-Z0-9]+$/);
     let type = typeArr && typeArr[0] ? typeArr[0].replace('.', '') : '';
     type = type.toLowerCase();
-    if (type === 'png' || type === 'jpg' || type === 'gif' || type === 'bmp' || type === 'jpeg') {
+    if (type === 'png' || type === 'jpg' || type === 'gif' || type === 'bmp' || type === 'jpeg' || type === 'heic') {
         return { thumbUrl: `${url}?imageView2/1/w/120/h/120`, fileType: type };
     }
     return fileType[type] ? fileType[type] : fileType.other;