Hola de nuevo y bienvenido/a a la segunda parte de nuestra lección. En el vídeo anterior, preparamos la URL de nuestra petición HTTP para conectarnos a IMGBB. Ahora, vamos a completar la parte más importante: configurar el ‘cuerpo‘ o ‘Body‘ de la petición para enviar nuestra imagen.
Recordemos que el objetivo es subir la imagen que el usuario nos envió en el formulario y, como resultado, obtener una URL pública.»
(Configuración del Cuerpo de la Petición)
«De vuelta en nuestro nodo HTTP Request, vamos a configurar las siguientes opciones:
- Activar el Envío de Datos: Primero, asegúrate de que la opción ‘Send Body’ esté activada. Esto le indica a nuestro nodo que queremos enviar datos junto con la petición.
- Elegir el Formato Correcto: En ‘Body Content Type’, desplegamos las opciones y seleccionamos ‘Form-Data’. Elegimos este formato porque es el estándar utilizado para enviar archivos a través de formularios en la web, que es exactamente lo que estamos simulando hacer.
- Añadir el Archivo a Enviar: Ahora viene la parte clave. En la sección de ‘Parameters’, vamos a añadir un nuevo parámetro.
- En el campo ‘Name’ (Nombre), debemos escribir
image. Este nombre es muy importante, ya que es el que la API de IMGBB espera recibir. Si pusiéramos otro nombre, nos daría un error. - En el campo ‘Value’ (Valor), tenemos que indicarle a n8n de dónde sacar el archivo. Aquí es donde conectamos nuestros nodos. Hacemos clic en el engranaje para abrir el editor de expresiones y buscamos la salida del nodo anterior (‘On Form Submission’). Arrastramos y soltamos el dato binario de la
imagen. De esta forma, la imagen que subió el usuario en el paso 1 se inserta dinámicamente aquí en el paso 2. ¡Esta conexión es la base de la automatización!
- En el campo ‘Name’ (Nombre), debemos escribir
(Ejecución y Verificación del Resultado)
«Con todo configurado, es el momento de la verdad. Hacemos clic en ‘Execute Node’.
n8n ahora tomará la imagen del primer nodo y la enviará a IMGBB a través de la petición HTTP. Si todo ha ido bien, el nodo se completará y nos mostrará una salida de datos en formato JSON.
Dentro de esta salida, si navegamos por la estructura data, veremos un campo llamado url. ¡Esa es la URL pública de nuestra imagen!
Para estar 100% seguros, voy a copiar esta URL, abrir una nueva pestaña en el navegador y pegarla. Y… ¡perfecto! Aquí está nuestra imagen, subida correctamente al servidor de IMGBB y accesible desde cualquier lugar.»
(Cierre y Siguiente Paso)
«¡Fantástico! Hemos completado con éxito una de las partes más técnicas de nuestro flujo de trabajo. Ya tenemos un sistema que recibe una imagen de un usuario y la transforma en una URL pública. Este es un paso fundamental para casi cualquier automatización que involucre imágenes.
En la siguiente lección, tomaremos esta nueva URL y la usaremos como entrada para el siguiente cerebro de nuestra operación: la inteligencia artificial que analizará el contenido de la foto.
¡Nos vemos allí!