fix: 外卖商品添加图片校验

src/pages/ServiceGoods/components/UploadCropImage.jsx

 import { PlusOutlined, DeleteOutlined, EyeOutlined } from '@ant-design/icons';
 import { Modal, Upload, notification, Spin } from 'antd';
 import React, { useState, useEffect, useRef, forwardRef } from 'react';
+import { validImageType } from '@/utils/img.valid';
 import lodash from 'lodash';
 import { ReactSortable } from 'react-sortablejs';
 import ImgCrop from 'antd-img-crop';
@@ -92,21 +93,29 @@ const UploadCropImage = forwardRef((props, ref) => {
         warningTip(`[${file.name}] 图片不可以大于2MB`);
         resolve(null);
       }
-      getBase64(file, url => {
-        const image = new Image();
-        image.addEventListener('load', () => {
-          const { width } = image;
-          const { height } = image;
-          file.width = width;
-          file.height = height;
-          file.LtMB = LtMB;
-          resolve(file);
-        });
-        image.addEventListener('error', () => {
-          warningTip(`${file.name}图片上传失败！`);
+      const curType = file.name.substr(file.name.lastIndexOf('.') + 1).toLowerCase();
+      validImageType(file, curType).then(res => {
+        if (!res) {
+          warningTip(`[${file.name}] 请上传正确图片！`);
           resolve(null);
-        });
-        image.src = url;
+        } else {
+          getBase64(file, url => {
+            const image = new Image();
+            image.addEventListener('load', () => {
+              const { width } = image;
+              const { height } = image;
+              file.width = width;
+              file.height = height;
+              file.LtMB = LtMB;
+              resolve(file);
+            });
+            image.addEventListener('error', () => {
+              warningTip(`${file.name}图片上传失败！`);
+              resolve(null);
+            });
+            image.src = url;
+          });
+        }
       });
     });