cropper.replace不替换图像

时间:2019-09-05 13:16:34

标签: angular cropperjs

更换图像时出现问题。 我在按钮上有一个组件,单击“我选择要在裁切器中输入的图像”。但是,如果我选择重复,则裁纸器会在裁纸器中设置两个图像。我正在使用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;
}

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

0 个答案:

没有答案