Come convertire l'immagine in String Basetop 10 usando JavaScript?

Come convertire l'immagine in String Basetop 10 usando JavaScript?
UN Immagine è una combinazione di pixel che rappresenta i dati binari. Base64 è uno schema di crittografia che crittografa un tipo di dati binario a un tipo di stringa ASCII. Base64 prende qualsiasi quantità di dati e li rappresenta in formato binario.

L'articolo dimostra come convertire il Immagine in un String Base64 dall'utilizzo di JavaScript. Il risultato della stringa è utile per trasferire i dati con risorse minime. Inoltre, la stringa crittografata è sicura da qualsiasi minaccia dannosa. Il contenuto a convertire l'immagine in base64 è elencato di seguito.

Come convertire l'immagine in una stringa di base64 usando JavaScript?

La rappresentazione delle stringhe è un compito importante che converte l'immagine in formato ASCII. La stringa è una combinazione di alfabeti, caratteri e numeri. È utile convertire l'immagine in una stringa di base64 utilizzando il file system locale.

Il convertitore rileva automaticamente il tipo di contenuto per il caricamento dell'immagine. Inoltre, l'utente può selezionare un formato di immagine specifico per convertire l'immagine in un formato stringa di base64. Consuma pochissima memoria a causa della compressione, che è utile per il trasferimento di dati. Inoltre, gli utenti possono utilizzare la conversione accedendo all'origine dell'immagine tramite l'URL.

Importante: La maggior parte degli sviluppatori non segue immagini casuali da Internet accedendo tramite URL e convertendo in stringa di base64 a causa di problemi di sicurezza.

Esempio

Un esempio è adattato per convertire un'immagine in una stringa Base64 utilizzando JavaScript.

Codice


Esempio di conversione dell'immagine in stringa





La spiegazione di questo codice è la seguente:

  • In primo luogo, un metodo definito dall'utente enc () è creato passando un argomento elemento.
  • Dopodiché, un oggetto del FileReader () la funzione è impiegata.
  • IL lettore.OnloadEnd () L'evento innesca una funzione che restituirà la proprietà del risultato dell'oggetto lettore. E i dati/file sono presentati come URL.

Produzione

Dopo aver fatto clic sul “Scegli il file"Pulsante, l'utente deve scegliere il file dell'immagine. Una volta selezionato il file di immagine, vedrai la stringa corrispondente sullo schermo.

Conclusione

L'immagine viene convertita in una stringa Base64 utilizzando una funzione integrata in JavaScript FileReader (). Questo metodo estrae il contenuto di un file dal file system locale. Dopodiché a Base64 Viene applicato lo schema di crittografia che converte i dati binari in formato ASCII. In questo post, hai imparato la conversione dell'immagine in Base64 utilizzando JavaScript. L'obiettivo di utilizzare questa conversione è trasferire dati sicuri in un formato stringa.\