我一直在创建和上传图像文件,但是我在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;
}
},
我一直在创建和上传图像文件,但是我在blob和base64项目上遇到问题,Blob URL可以按预期工作,但是当我尝试使用FileReader时,它显示的项目是...
尝试这种方式
let fileReader = new FileReader();
fileReader.readAsDataURL(file);
fileReader.onload = function(fileLoad){
consoloe.log(fileReader.result);
}