Cómo convertir la imagen en una cadena Basetop 10 usando JavaScript?

Cómo convertir la imagen en una cadena Basetop 10 usando JavaScript?
Un imagen es una combinación de píxeles que representa los datos binarios. Base64 es un esquema de cifrado que cifra un tipo de datos binarios a un tipo de cadena ASCII. Base64 toma cualquier cantidad de datos y lo representa en formato binario.

El artículo demuestra cómo convertir el imagen en un Base64 Cadena por la utilización de Javascript. El resultado de la cadena es útil para transferir los datos con recursos mínimos. Además, la cadena cifrada está segura de cualquier amenaza maliciosa. El contenido a convertir la imagen en base64 se enumera a continuación.

Cómo convertir la imagen en una cadena Base64 usando JavaScript?

La representación de las cadenas es una tarea importante que convierte la imagen en formato ASCII. La cadena es una combinación de alfabetos, caracteres y números. Es útil convertir la imagen en una cadena base64 utilizando el sistema de archivos local.

El convertidor detecta automáticamente el tipo de contenido para cargar la imagen. Además, el usuario puede seleccionar un formato de imagen específico para convertir la imagen en un formato de cadena base64. Consume muy poca memoria debido a la compresión, lo cual es útil para transferir datos. Además, los usuarios pueden utilizar la conversión accediendo a la fuente de la imagen a través de la URL.

Importante: La mayoría de los desarrolladores no siguen imágenes aleatorias desde Internet accediendo a través de URL y la conversión a la cadena Base64 debido a preocupaciones de seguridad.

Ejemplo

Un ejemplo se adapta para convertir una imagen en una cadena Base64 empleando JavaScript.

Código


Ejemplo de convertir la imagen en cadena





La explicación de este código es la siguiente:

  • En primer lugar, un método definido por el usuario enc () se crea pasando una discusión elemento.
  • Después de eso, un objeto del FileReader () Se emplea la función.
  • El lector.onloadEnd () El evento desencadena una función que devolverá la propiedad de resultados del objeto del lector. Y los datos/archivo se presentan como una URL.

Producción

Al hacer clic en el "Elija el archivo"Botón, el usuario debe elegir el archivo de imagen. Una vez que se selecciona el archivo de imagen, verá la cadena correspondiente en la pantalla.

Conclusión

La imagen se convierte en una cadena base64 utilizando una función incorporada en JavaScript FileReader (). Este método extrae el contenido de un archivo del sistema de archivos local. Después de eso, un base64 Se aplica un esquema de cifrado que convierte los datos binarios en formato ASCII. En esta publicación, aprendiste la conversión de la imagen en base64 utilizando Javascript. El objetivo de usar esta conversión es transferir datos seguros en un formato de cadena.\