如何解决antd上传文件名被破坏的问题

Question

目前，在我的项目中，我正在使用ant-designupload，如下所示。

<ImageUploaderWrapper
name="images"
rules={[
{
required: true,
},
]}                    
valuePropName="fileList"
getValueFromEvent={normFile}
initialValue={editPost && [...editPostImages]}
>          
<Upload.Dragger             
name="image" 
multiple            
listType="picture"
onChange={onChangeImages}
beforeUpload={onBeforeUpload}                        
onPreview={onImagePreview}
>            
<ImageUploaderText className='bold'>
{editPost ? 'Drag edit files here or' : 'Drag files here OR'}
</ImageUploaderText>            
<Button type='primary' size='large' icon={<UploadOutlined />}>Upload</Button>
</Upload.Dragger>
</ImageUploaderWrapper>

我在韩国学习，经常upload file names in Korean.

此时，如果您上传的是朝鲜语图像文件，则其为changed to special characters，如下所示。

// Upload file name
다운로드.jfif
// Uploaded file name
ë¤ì´ë¡ë_.jfif

如果你能告诉我该用什么方法来解决这个问题，我将不胜感激。

Answer 1

使用此解决方案的customRequest：

const formData = new FormData();
formData.append(fileName, file, encodeURI(file.name));