我正在通过输入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>