一、引入依赖


import { CSVReader } from 'react-papaparse';


二、上传


<Form.Item label="漫画CSV" name="user_ids">
       <CSVReader onDrop={handleOnDrop} addRemoveButton onRemoveFile={forMation}>
          <p>点击或将文件拖至此处进行上传</p>
       </CSVReader>
    </Form.Item>


三、读取


const handleOnDrop = (data: any) => {
    const file = new Blob(
      data.map((v: { data: any }) => v.data),
      {
        type: 'UTF-8'
      }
    );
    if (file) {
      const reader = new FileReader();
      reader.readAsBinaryString(file);//转码类别根据实际情况选择
      reader.onload = (e: any) => {
        setUpCsv(e.target.result);
      };
      reader.onerror = (e: any) => {
        if (e.target.error.name === 'NotReadableError2') {
          message.error('无法读取文件');
        } else {
          message.error('未知错误');
        }
      };
    }
  };

四、效果

csv文件:

读取结果:


reader.onload = (e: any) => {
        console.log('读取结果',e.target.result)
};

您已经阅读00:00:00欢迎留言评论,喜欢的话就为作者点个赞或者赏颗糖吧! 分享