javascript - 在 IE 中显示 iframe 中的 blob 失败

Question

所以，要点是，我正在将上传的文件下载到数据库，以便在 iframe 中显示它们，至少其中大部分显示

这是代码:

var ancho = $(window).width() * 0.90;
var alto = $(window).height() * 0.90;
$("#DialogoImagen").dialog({
    show: {
        effect: 'blind'
    },
    hide: {
        effect: 'blind'
    },
    width: ancho,
    height: alto,
    resizable: true,
    draggable: true,
    title: '',
    modal: true,
    position: { my: "center", at: "top", of: window }
});
$("#DialogoImagen").children().remove();
var iframe = $("<iframe width='98%' src='" + window.URL.createObjectURL(archivo) + "'/>");
$("#DialogoImagen").append(iframe);

它不是另一个世界，我用 window.URL.createObjectURL(blob) 设置了 iframe src，完美地工作Chrome，FF，Opera，但是，IE，甚至 11，都没有显示，知道如何解决它吗？

Answer 1

取决于您正在使用的内容类型，但由于它是在 IFRAME 中进行的，因此可以肯定的是 IE 不支持该内容类型的数据 URI。 ref: caniuse

根据上述引用资料，IE 支持图像、CSS 和脚本文件，但不 HTML。我可以根据个人经验验证 HTML 数据 URL，例如

data:text/html, <h1>Hi</h1><p>I'm a data URL

不适用于 IE10。