Javascript - 选择照片后重新加载页面

Question

最近，我的一些网站用户报告说，当他们尝试上传图片时，在从图库中选择照片后，页面会从第一张图片崩溃并重新加载。我注意到他们所有人都在使用旧手机和旧浏览器，但通常它不应该发生。 其中一位用户在发生此问题后向我发送了浏览器的屏幕截图。这是图片：

在新的浏览器中没有问题，一切正常。

我使用https://github.com/fengyuanchen/cropperjs裁剪库进行客户端裁剪。

我不知道我的代码会导致此崩溃并重新加载，请帮帮我。

这是我的代码：

$("#uploader").on("change",function(){
var files = this.files;
var file;
if (files && files.length) {
    file = files[0];
    var type = file.type;
    if (/^image\/\w+$/.test(type)) {
      uploadedImageName = file.name;
      uploadedImageType = type;
      if (uploadedImageURL) {
        URL.revokeObjectURL(uploadedImageURL);
      }
      uploadedImageURL = URL.createObjectURL(file);
      showCropModal();
      $("#uploader").val('');
    }
  }})

function showCropModal(){ 
try{
    $('#crop-image').cropper('destroy').attr('src', uploadedImageURL).cropper({
          viewMode : 2,
          aspectRatio: 3 / 2,
          strict:true,
          background:false,
          minCropBoxWidth:150,
          minCropBoxHeight:100, 
          autoCropArea : 1,
          zoomOnTouch : false,
          crop: function(e) {
          }
      });
      $(".overlay-page").addClass('overlay-open');
      isCropping = true;
}catch(e){
      alertify.error("error reading image,please try again");
}
}