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

Question

我们在bootstrap modal 中遇到了一个问题（该modal 包含四个图像）。当我们单击选择文件按钮然后使用jquery 时，我们只是将该图像放在modal 上。我们使用以下代码放置图像在模态上。

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]);

之后，我们单击“显示预览”按钮，该模式带有该图像。此时模式冻结并且屏幕挂起。我们仅在 google chrome 中遇到此问题。在 Firefox 中它可以正常工作。如果有的话有人知道这里发生了什么，请帮助我们。提前致谢。

Answer 1

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