Jquery 当模态上有映像时,引导模态冻结

Jquery 当模态上有映像时,引导模态冻结,jquery,twitter-bootstrap,modal-dialog,filereader,Jquery,Twitter Bootstrap,Modal Dialog,Filereader,我们在bootstrapmodal(该modal包含四个图像)中遇到了一个问题。当我们单击choosefile按钮,然后使用jquery时,我们只是将该图像放在modal上。我们使用以下代码将图像放在modal上 var filerdr = new FileReader(); filerdr.onload = function (e) { //alert(e.target.result); $('#imageprvw_deal').attr('src', e.target.res

我们在
bootstrap
modal(该modal包含四个图像)中遇到了一个问题。当我们单击choosefile按钮,然后使用jquery时,我们只是将该图像放在modal上。我们使用以下代码将图像放在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]);

之后,我们点击“dispaly preview”(显示预览)按钮,该模式与该图像一起出现。此时,模式被冻结,屏幕被挂起。我们只在google chrome中面临这个问题。在firefox中,它工作得很好。如果有人知道这里发生了什么,请帮助我们。提前感谢。

如果您正在使用chrome,代码必须在服务器(本地主机或通过实际站点)上运行。它不能与本地文件一起工作。这是一篇Stackoverflow文章,提供了更多可能有用的信息:

我们仍然面临着这个问题。我注意到这个问题发生在windows机器上,在linux机器上。你能告诉我这里发生了什么吗?@debojit你能把你的代码放到JSFIDLE中吗?这样,我们可以看到更多的故障排除。