当我尝试删除上传的文件时反应输入,删除后我无法第二次上传

时间:2018-11-22 08:25:31

标签: javascript reactjs

我正在通过输入onChange操作上传一个csv文件。我可以上传,但是当我要删除它并上传其他文件时。我无法上传,即使onChange函数无法正常工作。

handleFileChange(e) {
    const file = e.target.files[0];
    const reader = new window.FileReader();
    this.setState({ fileName: e.target.files[0].name });
    reader.readAsText(file);
    reader.onload = e => {
        const headers = e.target.result.split('\n')[0].split(',');
        this.setState({ file: e.target.result });
        this.setState({ headers });
    }
}

这是我的输入部分:

<label htmlFor="import-csv" styleName="s.label-input">
    <i className="fa fa-upload" style={{ marginRight: '5px' }} />
            Upload
    <input id="import-csv" styleName="s.file-input" type="file" accept="text/csv" 
           onChange={e => this.handleFileChange(e)} />
</label>

0 个答案:

没有答案