当模态上有图像时，Bootstrap模态冻结

Question

我们在bootstrap模态（模态内容四个图像）中遇到问题。当我们点击选择文件按钮然后使用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]);

之后我们点击“显示预览”按钮，该模态带有该图像。这次模态冻结，屏幕被绞死。我们只在谷歌chrome中遇到这个问题。在Firefox中它的工作完美。如果有的话我们知道这里发生了什么，请帮助我们。谢谢。

Answer 1

如果您使用的是Chrome，则代码必须在服务器上运行（localhost或通过实际站点）。它不适用于本地文件。以下是Stackoverflow文章，其中包含可能有用的更多信息： Chrome FileReader 。