我正在尝试在我的应用程序中使用react-dropzone,但是我无法发布并且总是收到“内部服务器错误”的错误提示,错误提示为:“TypeError:参数应该是类似字节的对象或ASCII字符串,而不是'list'”,如果数据发布必须使用转换base64。这是我的onDrop函数:
这是我的渲染方法:
onDrop(uploadData) {
this.setState({
uploadData,
});
}
onDropHandler(uploadData) {
var uploadData = uploadData[0];
const reader = new FileReader();
reader.readAsDataURL(uploadData);
reader.onload = event => {
this.setState({
uploadData: this.state.uploadData([{ base64: event.target.result }]),
});
};
reader.readAsDataURL(uploadData);
}
这是我的渲染方法:
<div className="dropzone">
<Dropzone
onDrop={this.onDrop.bind(this)}
accept="image/jpeg, image/png, image/jpg"
onDrop={uploadData => {
this.setState({ uploadData });
}}
maxSize={200000}
multiple={false}
>
<p>Maksimal 2 MB (JPG/PNG)</p>
</Dropzone>
{this.state.uploadData.map(f => (
<span key={f.name}>
{f.name} - {f.size} bytes
</span>
))}
</div>
this.state.uploadData
是什么?看起来它是一个函数?为什么你的状态中有一个函数?[mcve] - Håken Lid