Question

我正在尝试在UIntArray内呈现一些内容，这些内容以字节iframe的形式提供。此处的示例：

var variables = {
  title: 'Hello',
  image: 'https://4.bp.blogspot.com/-j49xTVdZe7g/TVnmq6phXxI/AAAAAAAABpA/Pm45FErBfQQ/s1600/hopkins%2Bduck.jpg'
};

var template = [
  '<h1>',
  variables.title,
  '</h1>',
  '<img width="80%" src="',
  variables.image,
  '">'
].join('');


var blob = new Blob([template], {type: "text/html"});
var blob_url = URL.createObjectURL(blob);
var blob_iframe = document.querySelector('#blob-src-test');

blob_iframe.src = blob_url;

iframe {
  margin: 10px;
}

#blob-src-test {
  outline: 2px solid cyan;
}

<!DOCTYPE html>
<html>
<body>
<iframe id="blob-src-test" frameborder="0" width="300px" height="300px"></iframe>
</body>
</html>

这在Google chrome中完美运行，但在Internet Explorer 11中无法运行。

已经尝试过的东西：

embed标签
如果提供图像URL本身而不是createObjectURL生成的Blob URL，这也可以使用。似乎在IE中使用此方法存在一些问题。（但是我仍然只能访问Blob。）

IE11-iframe或嵌入代码无法呈现blob中的内容

0 个答案: