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