Javascript

Hoy te voy a enseñar a unir archivos usando el navegador web con JavaScript del lado del cliente para concatenar bytes de archivos y crear un archivo a partir de varias partes. Este script de JavaScript va a permitirte seleccionar varios archivos (con extensión part1, part2, etcétera) para unirlos en uno solo, sin tener que procesar algo en un servidor. Todo el proceso será realizado en el lado del cliente. Para concatenar varios archivos vamos a usar Uint8Array y Blob. Básicamente vamos a leer el contenido de cada parte como bytes, y agregar ese montón de bytes a un arreglo que finalmente vamos a convertir a Blob. Puedes acceder al unidor de archivos con JavaScript en el siguiente enlace: https://parzibyte.github.io/ejemplos-javascript/unir-archivos/ ...

El día de hoy te voy a enseñar a comunicar un Bot de Telegram con una aplicación web programada usando JavaScript. Vas a aprender a enviar un botón desde el Bot de Telegram; cuando el usuario haga clic en ese botón se va a abrir una aplicación web (Telegram Mini App) y después vas a poder enviar datos desde JavaScript de vuelta al Bot. Básicamente vamos a ver cómo conectar una aplicación web de JavaScript con un Bot de Telegram enviando información del Bot a la Mini web app y de la aplicación web al Bot de Telegram. ...

Siguiendo con los tutoriales de esteganografía para ocultar información en una foto sin que el ojo humano lo pueda notar vamos a ver cómo aplicar dicha técnica con JavaScript en el lado del cliente. Con el tutorial de hoy vas a aprender a usar la Esteganografía en imágenes con JS desde el navegador web sin necesidad de instalar nada. Serás capaz de ocultar cualquier mensaje secreto en la imagen sin que se vea alterada. Si combinas lo expuesto en este post con el artículo de encriptación de información en JavaScript vas a poder encriptar y esconder mensajes usando Esteganografía. Bonus: de hecho la misma imagen que acompaña este post tiene un mensaje oculto. Descarga la imagen y lee su contenido: Esconder-informacion-en-imagen-de-JavaScript-con-esteganografia.png Puedes acceder a la demostración ya mismo en el siguiente enlace sin salir de tu navegador. Prueba seleccionando una imagen y ocultando un mensaje, después regresa a este post para saber cómo fue programado: https://parzibyte.github.io/ejemplos-javascript/esteganografia/ ...

En este tutorial de Bot de Telegram con JavaScript del lado del cliente te voy a enseñar a enviar una foto en nombre de un Bot a cualquier usuario, canal o grupo, todo esto desde JavaScript en el navegador web. Vamos a consumir la API de Bots de Telegram en el endpoint sendPhoto enviando el chat_id, caption y photo. No necesitaremos librerías adicionales, todo será con funciones nativas como fetch. Ya te enseñé a enviar una foto a Telegram usando cURL, ahora veremos cómo hacerlo desde la web. ...

Hace algún tiempo te enseñé a tomar fotos con cualquier cámara y en cualquier dispositivo usando JavaScript. Hoy te voy a enseñar cómo tomar una foto de la cámara y enviarla a Telegram desde cualquier dispositivo, sea móvil o de escritorio. Vas a aprender a tener un tipo de cámara de vigilancia fácil, configurable y ejecutable en cualquier teléfono o computadora, todo gracias al poder de JavaScript en el navegador web y la API de Bot de Telegram. Por mencionar algunas ventajas: las fotos tomadas serán almacenadas en la nube de manera segura, puedes tenerlas en privado o compartirlas con un grupo o canal, no hay límite de almacenamiento en la nube y puedes usar cualquier dispositivo con cámara sin instalar nada. ...

Hoy te enseñaré cómo enviar un mensaje a un usuario desde un bot de Telegram usando JavaScript del lado del cliente, es decir, desde el navegador web usando simplemente peticiones http con la función fetch. Con lo mostrado aquí vas a ser capaz de enviar un mensaje a nombre de tu bot a cualquier usuario que haya interactuado con el bot y que no lo haya bloqueado, obviamente. La ventaja de esto es que podrás enviar un mensaje a Telegram desde JavaScript sin usar librerías del lado del servidor a cualquier usuario actuando en nombre de tu bot. ...

En ocasiones es necesario leer los pixeles y colores de una imagen con JavaScript del lado del cliente para conocer los valores RGBA o red, green, blue y alpha (rojo, verde, azul, nivel alfa) sin necesidad de algún servidor. A lo largo de este artículo te voy a enseñar cómo recorrer los pixeles de una imagen con JavaScript del lado del cliente usando OffscreenCanvas y getImageData para leer los pixeles de una imagen desde el client-side. Prueba la demostración ya mismo en el siguiente enlace. Asegúrate de abrir la consola de depuración para que puedas apreciar cómo se imprime el RGBA de cada pixel de la imagen seleccionada: https://parzibyte.github.io/ejemplos-javascript/pixeles-imagen/ El ejemplo que te mostraré va a leer cada pixel de la imagen a partir de un input de tipo file, pero como siempre te digo: la imagen puede venir de cualquier lugar. Leer los pixeles de la imagen con JS sirve para esconder texto en una imagen con Esteganografía, por poner un ejemplo. ...

Siguiendo con los tutoriales de listas desplegables o select con JavaScript, vamos a ver cómo llenar un select con JS pero con datos traídos desde PHP usando AJAX, es decir, trayendo los datos en segundo plano desde un servidor con PHP usando JavaScript. Esto es, se podría decir, la continuación del tutorial para llenar un select a partir de un arreglo con JavaScript, pero ahora el arreglo va a provenir de PHP y será transmitido como JSON. Será un ejemplo sencillo pero que te servirá para casos más complejos al momento de llenar un select con AJAX desde PHP. ...

En este post voy a enseñarte cómo imprimir un PDF a partir de su representación como base64 en cualquier impresora y desde cualquier lenguaje de programación. Vas a poder usar tu lenguaje de programación favorito para enviar un PDF (representado en base64) a cualquier impresora en el sistema de Windows. Usaremos varias herramientas gratuitas que en conjunto permitirán la impresión de un PDF según una cadena en base 64. ...

En este artículo se presenta una guía para imprimir un PDF a partir de una URL pública. Mientras se pueda acceder al PDF desde cualquier lugar, vas a poder imprimirlo en cualquier impresora usando tu lenguaje de programación y framework favorito. No se va a mostrar ningún cuadro de confirmación ni de selección de impresora, todo será automático, directo y totalmente configurable. Vamos a usar algunas herramientas gratuitas que nos permitirán imprimir un PDF alojado en internet, tu página web, una ip en la red local o incluso en localhost. El ejemplo presentado en el post utiliza JavaScript, pero puedes imprimirlo desde Java, C#, Python, PHP y cualquier lenguaje que permita hacer peticiones HTTP. ...