Javascript $（'；#演示'；）.cropie（'；销毁'；）；销毁cropie实例cropie.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 

函数updateWeetMedia（）{
var id=document.getElementById（'updatewtid'）.value；
$（'.overlayupdatewtmeda'）.css({
“不透明度”：“1”，
“可见性”：“可见”
})
var el=document.getElementById（'updtViewPort'）；
var resize=新作物（el{
视口：{
宽度：350，
身高：350，
类型：“方形”
},
边界：{
宽度：“100%”，
身高：300
},
showZoomer：是的，
enableOrientation:正确
});
var reader=new FileReader（）；
reader.onload=函数（e）{
调整大小。绑定({
url:e.target.result，
方向：1
});
}
reader.readAsDataURL（document.getElementById（'updatewtmedia'）.files[0]）；
document.getElementById（'updateMediaCropbtn'）。addEventListener（'click'，function（）{
$（'.overlayupdatewtmeda'）.css({
“不透明度”：“0”，
“可见性：”：“隐藏”
})
$（'.overlayUpdateTwtMeda222'）.css({
“不透明度”：“1”，
“可见性”：“可见”
})
调整大小。结果({
键入：“画布”，
尺寸：{
宽度：“500”，
高度：'350'
},
质量:1,，
格式：“jpeg”
}).然后（功能（img）{
var图像=“”；
$（'.updtetwtpreview'）.append（图像）；
})
})
document.getElementById（'UpdateWebetModal'）.addEventListener（'hidden.bs.modal'，function（））{
//document.getElementById（'updtViewPort'）。innerHTML=''；
//$（'#updtViewPort'）.html（''）；
//$（'#updatewtmedia'）.val（''）；
//$（'.overlayupdatewtmeda'）.css({
//“不透明度”：“0”，
//“可见性”：“隐藏”
// })
//$（'.overlayUpdateTwtMeda222'）.css({
//“不透明度”：“0”，
//“可见性”：“隐藏”
// })
$（'updtViewPort'）.cropie（'destroy'）；
})}//UpdateWebetMedia函数的结尾

我所有的overlays div和我的modal都工作得很好，但是据我所知，当croppie初始化时，它添加了croppie容器类和一些子节点，我尝试删除这些节点并重置输入文件的值，但是当试图重新初始化它时抛出cropie.js:1543未捕获错误：cropie:不能多次初始化cropie 我非常感谢您在这里提供的任何帮助，并提前感谢您对文件更改调用的updateWebMedia（）进行更新