我想在我的网站上添加图片上传功能。如果图片已上传,我希望它显示在 IMG 标签中,否则显示用户名的第一个字母。因此,为了检查图像是否已上传,我在我的 firestore 中创建了一个名为userImageUpload的字段。我将 Firestore 详细信息存储在状态userDetails中,如果我调用userDetails.data()我将获得用户文档的字段。
要检查图像是否上传,我添加了以下代码:
{userDetails.data().userImageUpload ? (
<img src={URL.createObjectURL(image)} alt="" />
) : (
<h1>B</h1>
)}
</div>
但我收到错误消息: TypeError: Failed to execute 'createObjectURL' on 'URL': Overload resolution failed