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,6 +93,12 @@ const UploadCropImage = forwardRef((props, ref) => {
         warningTip(`[${file.name}] 图片不可以大于2MB`);
         resolve(null);
       }
+      const curType = file.name.substr(file.name.lastIndexOf('.') + 1).toLowerCase();
+      validImageType(file, curType).then(res => {
+        if (!res) {
+          warningTip(`[${file.name}] 请上传正确图片！`);
+          resolve(null);
+        } else {
           getBase64(file, url => {
             const image = new Image();
             image.addEventListener('load', () => {
@@ -108,6 +115,8 @@ const UploadCropImage = forwardRef((props, ref) => {
             });
             image.src = url;
           });
+        }
+      });
     });
 
   const CheckImageInfoList = async files => {