我一直在尝试使用文件阅读器从base64路径读取图像。首先,我使用了类似的代码,
const reader: FileReader = new FileReader();
reader.onload = function(e: any) {
const imgBase64Path = e.target.result;
this.documentBase64 = imgBase64Path;
this.isImageSaved = true;
this.documents.content = imgBase64Path.toString();
};
这里,使用“ this”在onload内部声明的所有变量都没有在外部更新。但是当我更改代码时,
const reader: FileReader = new FileReader();
const this_ = this;
reader.onload = function(e: any) {
const imgBase64Path = e.target.result;
this_.documentBase64 = imgBase64Path;
this_.isImageSaved = true;
this_.documents.content = imgBase64Path.toString();
};
它按预期工作得很好。我无法掌握第一个代码的错误以及为什么第二个代码可以正常工作。我希望有人能帮助我理解这一点...
是范围问题。
您可以使用箭头函数(() => {})
如下所示,将其保留在范围内
const reader: FileReader = new FileReader();
reader.onload = (e: any) => {
const imgBase64Path = e.target.result;
this.documentBase64 = imgBase64Path;
this.isImageSaved = true;
this.documents.content = imgBase64Path.toString();
};