Il tipo di dati Blob in JavaScript consente di gestire dati binari in modo efficiente, rendendolo utile per operazioni come il caricamento e il download di file, la creazione di immagini e la gestione di stream di dati.
Che cos'è un Blob?
Un Blob (Binary Large Object) è un oggetto che rappresenta dati binari immutabili. Può essere utilizzato per memorizzare immagini, file, testo o altri tipi di dati binari.
Creazione di un Blob
Puoi creare un oggetto Blob utilizzando il costruttore Blob(), che accetta un array di dati e un'opzione per specificare il tipo MIME.
const dati = new Blob(["Hello, Blob!"], { type: "text/plain" });
console.log(dati);Conversione di un Blob in URL
Per poter utilizzare un Blob come URL in un elemento HTML (come un' immagine o un file), puoi usare il metodo URL.createObjectURL().
const blob = new Blob(["Esempio di file"], { type: "text/plain" });
const url = URL.createObjectURL(blob);
console.log(url);Lettura di un Blob
Per leggere il contenuto di un Blob, si può utilizzare un oggetto FileReader.
const reader = new FileReader();
reader.onload = function(event) {
console.log(event.target.result);
};
reader.readAsText(blob);Download di un Blob come file
Per permettere il download di un Blob, puoi creare un link dinamico e simulare un clic.
const link = document.createElement("a");
link.href = url;
link.download = "esempio.txt";
document.body.appendChild(link);
link.click();
document.body.removeChild(link);Conclusione
Gli oggetti Blob in JavaScript sono strumenti potenti per la gestione di dati binari. Offrono un modo efficiente per lavorare con file, immagini e altri contenuti direttamente nel browser.