En el post de hoy veremos cómo convertir un archivo (seleccionado en un input de tipo file) a su representación en base64 como cadena usando JavaScript. Técnicamente hablando, vamos a convertir un File a un string en base64 usando FileReader. Aunque base64 ocupa más tamaño que el archivo original, en ocasiones es necesario convertir un […]
JavaScript: convertir archivo a base64 Leer más »
En este corto post de programación con JS vas a aprender a obtener la extensión de un archivo a partir de su nombre. Por ejemplo, si el archivo es “hola.go” serás capaz de obtener solo la extensión “go”, sin importar cuántos puntos tenga el nombre del archivo. Será un ejercicio sencillo en donde vamos a
Extensión de archivo con JavaScript Leer más »
En el post de hoy vamos a programar con JavaScript del lado del cliente para obtener el tamaño original de una imagen, es decir, su alto y ancho originales. Podemos hacer esto con una imagen existente (etiqueta img) o con una creada a partir de la clase Image. Te mostraré un ejemplo de cómo hacerlo
JavaScript: obtener resolución de imagen Leer más »
En este artículo voy a enseñarte a usar el Origin Private File System con JavaScript para almacenar, leer y eliminar cualquier tipo de archivo en el navegador web. Puedes probar la demostración aquí: https://stackblitz.com/edit/vitejs-vite-hl34zf?file=index.html Como lo dije anteriormente, el Origin Private File System ha llegado para revolucionar las cosas con JavaScript. Gracias al OPFS podemos
JavaScript y OPFS: almacenar y leer archivos Leer más »
El Origin Private File System (también llamado OPFS) permite tener un sistema de archivos completo directamente en el navegador web con el que podemos interactuar a través de JavaScript. Para que OPFS esté disponible necesitamos servir el contenido con 2 encabezados importantes: Cross-Origin-Opener-Policy: same-origin Cross-Origin-Embedder-Policy: require-corp No importa el lenguaje de programación ni el servidor
Encabezados para usar OPFS en JavaScript (CORS 2) Leer más »