当有图像在模态上时引导模态冻结

Question

我们在bootstrap modal中面临一个问题(该模态包含四个图像)。当我们点击选择文件按钮，然后使用jquery，我们把图像放到模态上。我们使用下面的代码将图像放到模态上。

var filerdr = new FileReader();
filerdr.onload = function (e) {
    //alert(e.target.result);
    $('#imageprvw_deal').attr('src', e.target.result);
    jQuery('#imageprvw_deal').nailthumb({
        width: 200, height: 300
    });
}
filerdr.readAsDataURL(input.files[0]);

之后，我们点击"显示预览"按钮，模态就会随图像出现。此时modal冻结，屏幕挂起。我们只在谷歌浏览器中面临这个问题。在firefox中，它工作得很完美。如果有人知道这里发生了什么，请帮助我们。

Answer 1

如果您使用Chrome，代码必须在服务器上运行(本地主机或通过实际站点)。它对本地文件不起作用。Chrome FileReader.