fix: 富文件编辑器上传附件对附件名有特殊字段处理

packages/base-components/RichText/src/fileListItem.js

@@ -3,20 +3,20 @@
  * @Author: hongmye
  * @Date: 2022-03-21 14:44:49
  */
-import React, { useState, useEffect, useContext } from 'react';
-import { FileTwoTone, DeleteOutlined, FileImageTwoTone, DownloadOutlined, PictureOutlined } from '@ant-design/icons';
+import { DeleteOutlined, DownloadOutlined, PictureOutlined } from '@ant-design/icons';
 import { Button, ConfigProvider } from 'antd';
+import { useContext, useEffect, useState } from 'react';
 import iconFile from './icon_file.png';
-function fileListItem(props) {
+function FileListItem(props) {
   const [fileList, setFileList] = useState([]);
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
   const prefixCls = getPrefixCls();
 
   const imgType = ['image/png', 'image/jpg', 'image/jpeg'];
-    const onPreview = item => {
+  const onPreview = (item) => {
     props.onPreview(item);
   };
-    const onDownLoad = item => {
+  const onDownLoad = (item) => {
     const a = document.createElement('a');
     a.setAttribute('download', item.name);
     a.setAttribute('href', item.path);
@@ -37,9 +37,7 @@ function fileListItem(props) {
                 <div className={`${prefixCls}-upload-list-item-info`}>
                   <span className={`${prefixCls}-upload-span`}>
                     <div
-                                            className={
-                                                `${prefixCls}-upload-list-item-thumbnail ${prefixCls}-upload-list-item-file`
-                                            }
+                      className={`${prefixCls}-upload-list-item-thumbnail ${prefixCls}-upload-list-item-file`}
                     >
                       {/* {imgType.includes(item.type) ? <FileImageTwoTone /> : <FileTwoTone />} */}
                       <img src={iconFile} />
@@ -56,7 +54,7 @@ function fileListItem(props) {
                         <Button
                           title="预览"
                           type="text"
-                                                    onClick={e => {
+                          onClick={(e) => {
                             e && e.stopPropagation();
                             onPreview(item);
                           }}
@@ -68,7 +66,7 @@ function fileListItem(props) {
                       <Button
                         title="下载"
                         type="text"
-                                                onClick={e => {
+                        onClick={(e) => {
                           e && e.stopPropagation();
                           onDownLoad(item);
                         }}
@@ -80,7 +78,7 @@ function fileListItem(props) {
                         <Button
                           title="删除文件"
                           type="text"
-                                                    onClick={e => {
+                          onClick={(e) => {
                             e && e.stopPropagation();
                             props.onDel(item);
                           }}
@@ -100,4 +98,4 @@ function fileListItem(props) {
     </>
   );
 }
-export default fileListItem;
+export default FileListItem;

packages/base-components/RichText/src/index.js

@@ -370,9 +370,13 @@ const RichText = forwardRef((props, ref) => {
   };
   const addFile = (e) => {
     if (e.target) {
-      const file = e.target.files[0];
+      let file = e.target.files[0];
+      const pattern =
+        /[`~!@#$^\-&*()+=|{}':;',\\\[\]\<>\/?~！@#￥……&*（）——|{}【】'；：""'。，、？\s]/g;
+      let name = file.name.replace(pattern, '');
+      const renameFile = new File([file], name);
       const formData = new FormData();
-      formData.append('file', file);
+      formData.append('file', renameFile);
       setLoading(true);
       request(API.POST_UPLOADERFILES, {
         method: 'POST',
@@ -392,7 +396,7 @@ const RichText = forwardRef((props, ref) => {
             props.onChangeFile(arr);
             setLoading(false);
           } else {
-            message.error(res.msg);
+            res && message.error(res.msg);
             setLoading(false);
           }
         })