web-dev-qa-db-fra.com

Javascript - J'ai créé un blob à partir d'une chaîne, comment récupérer la chaîne?

J'ai une chaîne sur laquelle j'ai appelé Blob ():

var mystring = "Hello World!";
var myblob = new Blob([mystring], {
    type: 'text/plain'
});
mystring = "";

Comment récupérer la chaîne?

function getBlobData(blob) {
    // Not sure what code to put here
}
alert(getBlobData(myblob)); // should alert "Hello World!"
javascripthtml5blob
39
Joey

Pour extraire des données d'un Blob, vous avez besoin d'un FileReader .

var reader = new FileReader();
reader.onload = function() {
    alert(reader.result);
}
reader.readAsText(blob);
47
Philipp

Si le navigateur le prend en charge, vous pouvez passer par un blob URI et XMLHttpRequest it

function blobToString(b) {
    var u, x;
    u = URL.createObjectURL(b);
    x = new XMLHttpRequest();
    x.open('GET', u, false); // although sync, you're not fetching over internet
    x.send();
    URL.revokeObjectURL(u);
    return x.responseText;
}

Ensuite

var b = new Blob(['hello world']);
blobToString(b); // "hello world"
13
Paul S.

@joey a demandé comment encapsuler la réponse de @ philipp dans une fonction, alors voici une solution qui le fait dans Javascript moderne (merci @Endless):

const text = await new Response(blob).text()
8
kpg