gpt4 book ai didi

javascript - 未捕获的 DOMException : Failed to execute 'readAsDataURL' on 'FileReader'

转载 作者:行者123 更新时间:2023-12-02 22:07:24 25 4
gpt4 key购买 nike

我一直在创建和上传图像文件,但我遇到了 blob 和 base64 项目的问题,Blob URL 正在按预期工作,但当我尝试使用 FileReader 时,它显示该项目正忙于读取 blob。我还尝试删除 URL 的代码文件以保留文件读取器代码,但仍然存在相同的问题。以及每次创建base64后如何停止onload如何调用。或者是否也可以将 blob URL 转换为 base64

 uploadImageChange(e){
const file = e.target.files[0];
this.showImageModalErrorMessage = false;
let fileReader = new FileReader();
fileReader.onload = function(fileLoad){
console.log(fileReader.readAsDataURL(file));
}
if(file.size < 2000){
this.imageSelectedUrl = URL.createObjectURL(file);
this.showImageSaveContent = true;
this.modalSecondInstruction = true;
}else{
this.imageModalErrorMessage = "The image you chose is bigger than 2 MB. Kindly upload a smaller-sized photo."
this.showImageModalErrorMessage = true;
}
},

最佳答案

试试这个方法

let fileReader = new FileReader();
fileReader.readAsDataURL(file);
fileReader.onload = function(fileLoad){
consoloe.log(fileReader.result);
}

关于javascript - 未捕获的 DOMException : Failed to execute 'readAsDataURL' on 'FileReader' ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59676910/

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