如何解决PouchDB无法将Blob转换为图像src的url
大家好,我正在使用PouchDB并做出反应。文件上传正常工作,但是当我尝试将Blob转换为url时,控制台中出现此错误。
”无法在“ URL”上执行“ createObjectURL”:重载分辨率 失败。”
我检查了返回值,并且能够将所有数据/图像检索到控制台中,基本上可以看到文件类型,等等。无论如何,我听说“ createObjectURL”已被弃用,但我遵循了文档中为PouchDB提供的教程。所以我现在不确定。有人可以给我任何见解或帮助吗?谢谢
以下代码段:
// uploading files
const uploadF = e => {
// saving chosen file
const file = e.target.files[0];
// generating random number and converting it to the string
const random_id = Math.floor(Math.random() * 10000);
const random_id_to_string = String(random_id);
console.log(file);
// insert data into local DB
db.post({
_id: random_id_to_string,_attachments: {
fileName: {
content_type: file.type,data: file
}
}
})
// insert data into remote db
redb.post({
_id: random_id_to_string,data: file
}
}
})
// upload file to s3 bucket
S3FileUpload.uploadFile(e.target.files[0],config)
.then(data => {
console.log(data);
})
.catch(err => console.log(err))
}
// retrieve all data from db
const files = [];
db.allDocs({
include_docs: true,attachments: true
}).then(function (result) {
return result;
})
.then(function(blob){
const url = URL.createObjectURL(blob);
console.log(url);
})
.catch(function (err) {
console.log(err);
});
return(
<section className="hero">
<nav>
<h2>Welcome</h2>
<button onClick={handleLogout}>Logout</button>
<input type="file" onChange={e => uploadF(e)} />
</nav>
</section>
);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。