Lire des données à partir de BLOB URL en Javascript

J'ai une GOUTTE d'URL, et je veux recréer une seconde GOUTTE d'URL, de sorte qu'il est téléchargé par défaut.

JS:

var blob1 = new Blob(["Hello world!"], { type: "text/plain" });
url1 = window.URL.createObjectURL(blob1);

blob2=new Blob([url1], {type: 'application/octet-stream'});
url2 = window.URL.createObjectURL(blob2);

var a = document.createElement("a");
document.body.appendChild(a);
a.style = "display: none";
a.href = url2;
a.click();
window.URL.revokeObjectURL(url);

Voir dans JSFiddle:

https://jsfiddle.net/7spry3jn/

Mais cela ne crée un fichier texte containint de la première URL. Comment puis-je Lire des données à partir de la première GOUTTE d'URL en Javascript et le nourrir pour créer la deuxième BLOB?

  • Pourquoi vous voulez créer une 2ème blob?
  • Le premier n'est pas de forcer le téléchargement. J'ai donc créer un second avec une telle fonctionnalité.
InformationsquelleAutor Ho1 | 2016-02-27
  1. 6

    Vous pouvez utiliser le download attr dans anchor élément, qui force le téléchargement et vous n'avez pas besoin de créer un autre blob.

    Mais vous devez payer attentio à propos de prise en charge du navigateur, voir ici tous les navigateurs qui acceptent la downloadattr: Puis-Je Utiliser

    JS:

    var blob1 = new Blob(["Hello world!"], { type: "text/plain" });
url = window.URL.createObjectURL(blob1);

var a = document.createElement("a");
document.body.appendChild(a);
a.style = "display: none";
a.href = url;
a.setAttribute("download","Any name");
a.click();
window.URL.revokeObjectURL(url);

    Et de lire le contenu d'un Blob vous pouvez utiliser FileReader comme ceci:

    JS:

    var myBlob = new Blob(["Hello"], {type : "text/plain"});
var myReader = new FileReader();
//handler executed once reading(blob content referenced to a variable) from blob is finished. 
myReader.addEventListener("loadend", function(e){
    document.getElementById("text").innerHTML = e.srcElement.result;//prints a string
});
//start the reading process.
myReader.readAsText(myBlob);

    HTML:

    <p id="text"></p>

    • Merci. A travaillé dans Google Chrome, mais pas sous Firefox. Je ne sais pas pourquoi. Btw, je fais cela de télécharger plusieurs BLOB url. Est-il une meilleure façon de faire ce travail?
    • Il fonctionne dans FireFox, pourquoi vous les savoirs traditionnels?
    • Je ne sais pas pourquoi html5 télécharger doens fonctionne pas dans Firefox pour moi. Mais, merci. De toute façon, votre solution sauvé ma journée!
    InformationsquelleAutor Joel R Michaliszen