Media Upload Component de Vue 3

Media Upload es un paquete para Vue 3 que facilita la carga de imágenes múltiples con vista previa.

Este componente soporta tanto la creación como la actualización de imágenes, gestionando las cargas de manera eficiente.

Componentes Incluidos ️

Este paquete incluye dos componentes:

  1. Componente para subir nuevas imágenes:
    <upload-media
     server="/api/upload"
     error="@error('media'){{$message}}@enderror">
    </upload-media>
    
  2. Componente para actualizar imágenes:
    <update-media
     server="/api/upload"
     media_file_path="/post_images"
     media_server="/api/media/{{$post->id}}"
     error="@error('media'){{$message}}@enderror">
    </update-media>
    

Funcionamiento del Componente

  • El componente sube imágenes como multipart/form-data, y el servidor devuelve el nombre único de la imagen temporal.
  • El formulario principal envía los datos del medio como un input oculto, que luego se copia a su ubicación final.

Más Información

Si deseas aprender más sobre este paquete, ver las instrucciones completas de instalación y consultar el código fuente, puedes visitar su repositorio en GitHub.


Descubre más desde CIBERED

Suscríbete y recibe las últimas entradas en tu correo electrónico.

Deja un comentario