gpt4 book ai didi

javascript - 类型错误 : Failed to execute 'createObjectURL' on 'URL' : Overload resolution failed

转载 作者:行者123 更新时间:2023-12-04 12:13:59 33 4
gpt4 key购买 nike

我正在尝试在我的 React 应用程序中使用文件上传功能,但遇到了问题。当我尝试上传第一张图片时,它工作得很好。文件资源管理器对话框关闭并显示我的图片。用我的文件资源管理器中的另一张图片覆盖图片也可以。
但是,当我 取消文件资源管理器覆盖时,出现以下错误:

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


这是我的相关代码:
showImage = (e) =>{
this.setState({image: URL.createObjectURL(e.target.files[0])})
}

render() {
return (
<div className="content">
<input
accept="image/*"
className="input"
id="icon-button-file"
type="file"
onChange={this.showImage}
/>
<label htmlFor="icon-button-file">

<IconButton
className="image"
aria-label="upload picture"
component="span"
>
{ this.state.image == null ? <AddAPhotoIcon className="icon" /> :
<img src={this.state.image} alt="test" className="picture"/> }
</IconButton>
</label>
</div>
)

最佳答案

我认为该错误意味着文件数组可能为空。您可能想在访问成员之前检查数组是否为空。

if(e.target.files.length !== 0){
this.setState({image: URL.createObjectURL(e.target.files[0])})
}

关于javascript - 类型错误 : Failed to execute 'createObjectURL' on 'URL' : Overload resolution failed,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66971129/

33 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com