未捕获的类型错误：无法在“URL”上执行“createObjectURL”：重载解析失败

Question

在我的 react 应用中，我使用 react-images-upload 上传图片

当我上传图片时，onDrop 函数将调用，在这个函数中我将此图片文件转换为对象 URL，如下代码所示

代码

onDrop = (picture) => {
     const localImageUrl = window.URL.createObjectURL(picture[0]);
     this.props.onFabricUploadedImage(localImageUrl)

}

然后将此objectURL传递给onFabricUploadedImage函数以将其存储在redux状态。

enter image description here

但是当我点击 X 删除上传的 img 时，它会出现错误，如上面附加的 img 所示

错误

Uncaught TypeError: Failed to execute 'createObjectURL' on 'URL': Overload resolution failed.

那么点击X后如何解决这个错误

Answer 1

请探索follow code并查看官方npm https://www.npmjs.com/package/react-images-upload：

onDrop(picture) {
    this.setState({
        pictures: this.state.pictures.concat(picture),
    });
} 

1. 当您单击按钮 (x) 时，您应该编辑状态 (this.setState([])