Angular cropper.replace不';不要替换图像
我在替换图像时遇到问题。 我有一个组件在三明治上的按钮点击我选择图像输入到裁剪器。但是,如果我选择重新单击它,cropper将在cropper中设置两个图像。我使用crapper.replace,但它不会改变任何事情 我试图用crapper.destroy()和crapper.reset()方法销毁crapper,然后再次初始化它,但对我来说不起作用Angular cropper.replace不';不要替换图像,angular,cropperjs,Angular,Cropperjs,我在替换图像时遇到问题。 我有一个组件在三明治上的按钮点击我选择图像输入到裁剪器。但是,如果我选择重新单击它,cropper将在cropper中设置两个图像。我使用crapper.replace,但它不会改变任何事情 我试图用crapper.destroy()和crapper.reset()方法销毁crapper,然后再次初始化它,但对我来说不起作用 @ViewChild('croperobj',{static:false})公共croperobj:cropercomponent; imageS
@ViewChild('croperobj',{static:false})公共croperobj:cropercomponent;
imageSelected:boolean=false;
imgURL:any='img/user_none.svg';
croppedImg:字符串;
onfleleselect(e){
让files=e.target.files;
var mimeType=文件[0]。类型;
if(mimeType.match(/image/*/)==null){
警报(“仅支持图像”);
返回;
}
let reader=new FileReader();
reader.readAsDataURL(文件[0]);
reader.onloadend=(\u事件)=>{
console.log(this.croperobj.croper);
this.cropedimg=”“+reader.result
this.crumperobj.crumper.replace(this.crumpedimg);
}
this.imageSelected=true;
}
我希望输出一个图像而不是两个我也有同样的问题。我意识到如果我添加了。替换(img,true),图像将不会继续添加到当前图像列表中。但这会导致另一个问题,如果我替换图像两次以上,image.src会传入一个未定义的url。我也有同样的问题。我意识到如果我添加了。替换(img,true),图像将不会继续添加到当前图像列表中。但它会导致另一个问题,如果我替换图像两次以上,image.src将传入一个未定义的url。