antd-Pro利用fileReader()在前端讀取文件內容

前幾天在開發中遇到了一個問題，需要通過前端讀取文件中的內容，並且顯示在文本框內，查詢資料後整合的解決方法如下：

getTextInfo=(file)=>{
    const reader=new FileReader();
    reader.readAsText(file);
    reader.onload=(result)=>{
        let targetNum=result.target.result;
        targetNum=targetNum.replace(/[\n\r]/g,'');//對獲取的內容進行修改
        targetNum=targetNum.replace(/[ ]/g,'');//對獲取內容進行修改
        this.props.dispatch({
            type:'model/save',
            payload:targetNum,
        })
    
    }
    return false;
}

render(){
    .
    .
    .
    <Upload action="" accept="text/plain" beforeUpload={this.getTextInfo} showUploadList={false}>
        <Button icon='upload'>導入</Button>
    </Upload>
    .
    .
    .
}

獲取這個文件的內容需要注意文本的編碼格式，如果編碼格式不一致的話會出現漢字亂碼的問題，可以通過調整文件的編碼格式來解決