Uri Image Extractor

Convierte archivos provenientes de URL, objetos Blob o campos de tipo input[type="file"] en enlaces data:// (Data URI), ideales para incrustar imágenes en línea, manejar contenido base64 o procesar archivos en entornos web.

🧠 Características

• ✅ Compatible con Blob, File, input[type="file"] y URLs.
• ✅ Retorna un data:image/...;base64,... listo para usarse.
• ✅ Incluye manejo de errores y un valor por defecto (imagen) en caso de fallos.
• ✅ Funciona de forma asincrónica con Promesas.
• ✅ Ideal para incrustar imágenes o previsualizarlas sin necesidad de subirlas.

🚀 Instalación

npm install extract-uri-image

📦 Uso

1. Desde un Blob:

   const blob = new Blob(["..."], { type: "image/png" });
   
   extractFrom.blob(blob)
   .then(
       (dataUri) => console.log(dataUri)
   )
   .catch(
       (error) => console.error(error)
   );

2. Desde un <input type="file">:

   const input = document.getElementById("input");
   
   extractFrom.input(input)
   .then(
       (dataUri) => console.log(dataUri)
   )
   .catch(
       (error) => console.error(error)
   );

3. Desde una URL:

   const url = "https://i.imgur.com/YSho6WQ.jpeg";
   
   extractFrom.url(url)
   .then(
       (dataUri) => console.log(dataUri)
   )
   .catch(
       (error) => console.error(error)
   );

🧪 API

extractFrom.blob(blob: Blob)

Convierte un objeto Blob en una cadena de tipo data URI.

extractFrom.input(input: HTMLInputElement)

Convierte el primer archivo de un input file en una cadena de tipo data URI.

extractFrom.url(url: string)

Descarga el archivo desde una URL, lo convierte en Blob y luego en data URI.

📦 Valor por defecto

En caso de error (por ejemplo, si no se proporciona archivo o la URL falla), se retorna una imagen por defecto definida en default_image.js:

📁 Estructura del paquete

extract-from/
├── src/
│   ├── blob.js
│   ├── input.js
│   ├── url.js
│   ├── default_image.js
│   └── default_image.jpg
└── index.js