Javascript React Dropzone FileReader-无法读取为文件:{}
我使用以下代码从已删除/选定的文件中检索数据Javascript React Dropzone FileReader-无法读取为文件:{},javascript,reactjs,frontend,Javascript,Reactjs,Frontend,我使用以下代码从已删除/选定的文件中检索数据 onDrop = (files) => { files.forEach(file => { const reader = new FileReader(); reader.onload = () => { const fileAsBinaryString = reader.result console.log(fileAsBinaryString); } reader.on
onDrop = (files) => {
files.forEach(file => {
const reader = new FileReader();
reader.onload = () => {
const fileAsBinaryString = reader.result
console.log(fileAsBinaryString);
}
reader.onabort = () => console.log('file reading was aborted');
reader.onerror = () => console.log('file reading has failed');
try {
reader.readAsDataURL(file);
} catch(err) {
console.log(err)
console.log(file);
}
this.setState({
fileName: file.name
})
});
}
render() {
return (
<div className="app">
<ReactDropzone onDrop={this.onDrop} className="dropzone">
<IconContext.Provider value={{ size: "5em" }}>
<IoMdCloudUpload/>
</IconContext.Provider>
<h1>{this.state.fileName}</h1>
</ReactDropzone>
</div>
);
}
在
你知道为什么会发生这种情况以及我应该如何解决吗?我也有同样的问题,你有没有找到解决办法?
onDrop = (acceptedFiles, rejectedFiles) => {
const reader = new FileReader()
reader.readAsDataURL(acceptedFiles[0])
reader.onload = () => {
if (!!reader.result) {
console.log('reader.result', reader.result)
}
}
}
reader.readAsDataURL(file);
onDrop = (acceptedFiles, rejectedFiles) => {
const reader = new FileReader()
reader.readAsDataURL(acceptedFiles[0])
reader.onload = () => {
if (!!reader.result) {
console.log('reader.result', reader.result)
}
}
}