Я пытаюсь отобразить некоторый контент, который доступен как 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-адреса BLOB-объекта, сгенерированного
createObjectURL, указан сам URL-адрес изображения. Похоже, некоторые проблемы с этим методом внутри IE. (Но в любом случае у меня есть доступ к BLOB-объекту).