2

我在替换图像时遇到问题。我有一个组件，在按钮单击时我选择要在裁剪器中输入的图像。但是，如果我选择重新选择它，cropper 会在cropper 中设置两个图像。我正在使用cropper.replace，但它并没有改变任何东西。

我试图用cropper.destroy() 和cropper.reset() 方法破坏cropper，然后再次初始化它，但对我也不起作用。

   @ViewChild('cropperObj', { static: false }) public cropperObj: CropperComponent;

imageSelected: boolean = false;
imgURL: any = 'img/user_none.svg';
croppedImg: string;

onFileSelect(e) {
let files = e.target.files;
var mimeType = files[0].type;
if (mimeType.match(/image/*/) == null) {
alert("Only images are supported.");
return;
}
let reader = new FileReader();
reader.readAsDataURL(files[0]);
reader.onloadend = (_event) => {
console.log(this.cropperObj.cropper);
this.croppedImg = "" + reader.result
this.cropperObj.cropper.replace(this.croppedImg);
}
this.imageSelected = true;
}

我希望输出一张由两张图片组成的图片

4

0 回答 0