单击 chrome 中的按钮时，打开对话框会打开两次

问题描述

当我单击文件按钮时，打开一个没有文件上传的对话框，然后再次打开该对话框。这意味着单击两次打开对话框。

我使用cropper js 插件进行图像裁剪。这个插件对那个问题没有效果。

$(document).on('change','#fileInput',function (event) {
        $currentCropper = $('#canvas').data('cropper');
        if ($currentCropper) {
            $currentCropper.destroy();
        }
        var canvas = $("#canvas");
        context = canvas.get(0).getContext("2d");
        var reader = new FileReader();
        if (this.files && this.files[0]) {
            $('.preloader').show();
            var fileExtension1 = this.files[0].name.split('.');
            if (this.files[0].type.match(/^image\//)) {
                reader.onload = function (evt) {
                    var img = new Image();
                    img.onload = function () {
                        context.canvas.height = img.height;
                        context.canvas.width = img.width;
                        context.drawImage(img,0);
                        var cropper = canvas.cropper({
                            aspectRatio: 9 / 9
                        });
                        $orgImg = evt.target.result.split(',')[1];
                        $fileExtension = fileExtension1[1];
                    };
                    img.src = evt.target.result;
                    setTimeout(function () { $('.preloader').hide(); },2500);
                };
                reader.readAsDataURL(this.files[0]);
            }
            else {
                alert("Invalid file type! Please select an image file.");
            }
        }
        else {
            alert('No file(s) selected.');
        }
    });

强文本

解决方法

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

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

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