reactjs 如何解决andd上传文件名断的问题

hpcdzsge  于 2023-03-12  发布在  React
关注(0)|答案(1)|浏览(136)

目前,在我的项目中,我使用**ant-design****upload**,如下所示。

<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

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

5vf7fwbs

5vf7fwbs1#

对此解决方案使用customRequest:

const formData = new FormData();
formData.append(fileName, file, file.name.replace(/[^a-zA-Z0-9]/g, "_"));

相关问题