如何解决$('#demo').croppie('destroy') ;销毁croppie 实例croppie.js 失败
我试图在我的隐藏模式事件块上的隐藏模式事件上销毁croppie实例,我的所有操作都运行良好,除了销毁croppie实例函数这里是我的代码:
function Updatetweetmedia(){
var id = document.getElementById('updatetwtID').value ;
$('.overlayUpdateTwtMeda').css({
'opacity':'1','visibility':'visible'
})
var el = document.getElementById('updtViewPort');
var resize = new croppie(el,{
viewport: {
width: 350,height: 350,type: 'square'
},boundary: {
width: '100%',height: 300
},showZoomer: true,enableOrientation: true
});
var reader = new FileReader();
reader.onload = function(e) {
resize.bind({
url: e.target.result,orientation: 1
});
}
reader.readAsDataURL(document.getElementById('updattwtmedia').files[0]);
document.getElementById('updatmediacropbtn').addEventListener('click',function(){
$('.overlayUpdateTwtMeda').css({
'opacity':'0','visibility:':'hidden'
})
$('.overlayUpdateTwtMeda222').css({
'opacity':'1','visibility':'visible'
})
resize.result({
type: 'canvas',size: {
width: '500',height: '350'
},quality: 1,format: 'jpeg'
}).then(function(img) {
var image = ' <img id="updateimgpreview" src="'+img+'" alt="" srcset="" width="500" height="350">';
$('.updtetwtpreview').append(image);
})
})
document.getElementById('UpdateTweetModal').addEventListener('hidden.bs.modal',function(){
// document.getElementById('updtViewPort').innerHTML = '';
// $('#updtViewPort').html('');
// $('#updattwtmedia').val('');
// $('.overlayUpdateTwtMeda').css({
// 'opacity':'0',// 'visibility':'hidden'
// })
// $('.overlayUpdateTwtMeda222').css({
// 'opacity':'0',// 'visibility':'hidden'
// })
$('#updtViewPort').croppie('destroy');
}) }//end of Updatetweetmedia function
我所有的叠加 div 和我的模态一样工作得很好,但是据我所知,当croppie 初始化时,它添加了croppie-container 类和一些子节点,我尝试删除这些节点并重置我的输入文件的值,但是在尝试重新初始化它时会抛出croppie.js:1543 未捕获错误:croppie:无法多次初始化croppie 我真的很感激这里的任何帮助,并提前致谢
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。