Cropper.js 在再次选择相同图像时不显示

问题描述

我正在使用 Cropper.js，有一个按钮可以选择图像并将其显示在引导模式上，然后您可以使用库对其进行裁剪。尽管cropper运行良好，但唯一的问题是当我再次选择相同的图像时，模态无法打开以显示图像。但是，如果我选择一些不同的图像，它得到显示。这是我在模态关闭时尝试的：

    $currentCropper = $('#image1').data('cropper');
    $currentCropper.destroy();
    $image1.data('cropper',null);

我也试过这个：

    $image1.cropper('destroy');        
    $image1.attr('src')== "";

整个功能：

 var $image1 = $("#image1");     
 $("#modalCrop1").on("shown.bs.modal",function () {
      var check_rotate = $image1.cropper("getData");
      $roundy = (check_rotate["rotate"]);
      $image1.cropper({

      viewmode: 1,aspectRatio: 1/1,minCropBoxWidth: 900,minCropBoxHeight: 600,ready: function () {
        $image1.cropper("setCanvasData",canvasData1);
        $image1.cropper("setCropBoxData",cropBoxData1);
      }
    });
  }).on("hidden.bs.modal",function () {
    cropBoxData1 = $image1.cropper("getCropBoxData");
    canvasData1 = $image1.cropper("getCanvasData");
    $currentCropper = $('#image1').data('cropper');
    $currentCropper.destroy();
    $image1.data('cropper',null);
   
  });

我尝试了几乎所有可以在谷歌上找到的东西。但没有什么对我有用。谁能提供好的建议？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

bootstrap-modal cropperjs jquery