définir un objet Blob comme le “src” de l'iframe

Le code suivant fonctionne parfaitement en Chrome

<script>
function myFunction() {
var blob = new Blob(['<a id="a"><b id="b">hey!</b></a>'], {type : 'text/html'});
var newurl = window.URL.createObjectURL(blob);
    document.getElementById("myFrame").src = newurl;
}
</script>

Mais il ne fonctionne pas avec IE. Peut quelqu'un me dire quel est le problème ici.

L'iframe src également mis à la goutte comme indiqué ci-dessous.

<iframe id="myFrame" src="blob:0827B944-D600-410D-8356-96E71F316FE4"></iframe>

Note:
Je suis allé sur le window.navigator.msSaveOrOpenBlob(newBlob) chemin mais pas de chance jusqu'à présent.

InformationsquelleAutor Hiran | 2015-04-16
  1. 4

    Selon http://caniuse.com/#feat=datauri IE 11 a seulement obtenu une prise en charge partielle pour les Données d'URI. C'états prise en charge est limitée à des images et des ressources liées comme CSS ou JS, pas de fichiers HTML.

    Non-codées en base64 données SVG Uri doivent être uriencoded de travail dans IE et Firefox que conformément à cette spécification.

    • Oui c'est une limitation dans IE pour le moment
    InformationsquelleAutor Emma
  2. 0

    J'ai couru dans le même problème avec IE. Cependant, j'ai été en mesure d'obtenir les télécharger/enregistrer en tant que pièce de travail dans IE 10+ à l'aide de filesaver.js.

    function onClick(e) {
    var data = { x: 42, s: "hello, world", d: new Date() },
    fileName = "my-download.json";
    var json = JSON.stringify(data),
        blob = new Blob([json], {type: "octet/stream"});

   saveAs(blob, fileName);      

   e.preventDefault();
   return false;
};

$('#download').click(onClick);

    Voir http://jsfiddle.net/o0wk71n2/ (basé sur la réponse de @kol à JavaScript blob nom de fichier sans le lien)

    • Les télécharger/enregistrer est ok pour moi aussi. Mais avez-vous une idée de pourquoi ça ne fonctionne pas avec iframe
    InformationsquelleAutor bjnsn
  3. 0

    Un exemple que j'ai fait pour Blob en tant que source de l'iFrame et fonctionne très bien avec un important d'AVERTISSEMENT:

    const blobContent = new Blob([getIFrameContent()], {type: "text/html"});
var iFrame = document.createElement("iframe");
iFrame.src = URL.createObjectURL(blobContent);
parent.appendChild(iFrame);

    iFrame avec Blob n'est pas automatique rediriger protocole, de sens, d'avoir <script src="//domain.com/script.js"</script> à l'intérieur de l'iframe head ou body ne sont pas charger le JS script à tous, même sur Chrome 61 (version actuelle).

    il ne sait pas quoi faire avec la source de "blob" comme protocole. c'est un GROS avertissement ici.

    Solution: Ce code permettra de résoudre le problème, il fonctionne principalement pour VPAID annonces et de travail pour l'auto-protocole:

    function createIFrame(iframeContent) {
    let iFrame = document.createElement("iframe");
    iFrame.src = "about:blank";
    iFrameContainer.innerHTML = ""; //(optional) Totally Clear it if needed
    iFrameContainer.appendChild(iFrame);

    let iFrameDoc = iFrame.contentWindow && iFrame.contentWindow.document;
    if (!iFrameDoc) {
    console.log("iFrame security.");
    return;
    }
    iFrameDoc.write(iframeContent);
    iFrameDoc.close();
}
    InformationsquelleAutor Nisim Joseph