antd-Pro利用fileReader()在前端读取文件内容

前几天在开发中遇到了一个问题,需要通过前端读取文件中的内容,并且显示在文本框内,查询资料后整合的解决方法如下:

getTextInfo=(file)=>{
    const reader=new FileReader();
    reader.readAsText(file);
    reader.οnlοad=(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(){
    .
    .
    .
    
        
    
    .
    .
    .
}

获取这个文件的内容需要注意文本的编码格式,如果编码格式不一致的话会出现汉字乱码的问题,可以通过调整文件的编码格式来解决

你可能感兴趣的:(antd-Pro利用fileReader()在前端读取文件内容)