El día de hoy veremos una función muy simple con JavaScript para agregar ceros a la izquierda de un número hasta que el mismo tenga cierta longitud, es decir, rellenar con ceros a la izquierda hasta tener las cifras deseadas. Esto funciona al generar series, entre otros casos. Veamos cómo hacerlo con JavaScript.
Agregar ceros a número con JavaScript Leer más »
Al usar JavaScript con la clase Date podemos calcular el tiempo exacto transcurrido entre 2 fechas, pero los humanos (o al menos yo) calculamos las edades de manera distinta. Cuando calculamos la edad de una persona necesitamos saber el día de nacimiento y su cumpleaños en el año actual. También revisamos si ya ha cumplido
Calcular edad de una persona con JavaScript Leer más »
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 »
En este post vamos a ver cómo descargar un archivo en segundo plano usando JavaScript del lado del cliente y la función fetch para hacer peticiones HTTP. Veremos cómo descargar un archivo como blob usando AJAX para después preguntar al usuario en dónde guardarlo, sugiriendo un nombre. Lo bueno de esto es que podemos enviar
JavaScript: descargar archivo con fetch Leer más »