Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

414
Vistas
Vuex+Laravel: no se pueden enviar varios archivos con FormData y axios al lado del servidor. Siempre obteniendo nulo en el lado del servidor. ¿Que esta pasando?

La información que obtuve por mi pregunta anterior Vuex + Laravel. ¿Por qué axios envía valores pero no ese, que viene con el parámetro del método? funciona solo para situaciones en las que paso solo un argumento en axios. También encontré cómo pasar con éxito varios archivos con un argumento, pero en mi situación, tengo que usar el objeto para poder pasar más de un argumento. Entonces, en lugar de

 const response = await axios.post('/posts', data)

tengo que usar el siguiente

 const response = await axios.post('/posts', { formData:data, body:postBody })

Pensé que sería fácil, pero ahora es la quinta hora que no puedo encontrar la solución.

ingrese la descripción de la imagen aquí

controlador

 public function store(Request $request) { $files = $request->all(); return var_dump($files); }

Probé muchas cosas, incluidos los experimentos $request->allFiles() y getClientOriginalExtension(). No hay resultados. ¿Qué versiones tienes? ¿Cómo se puede solucionar este problema?

¡Importante! Yo uso Laravel, vuex, axios.
Uso texto que no está en FormData porque es textArea. Y si puedo combinar textarea en FormData para hacer una llamada axios de argumento, de todos modos, sigue siendo muy importante para mí saber cuál es el problema que describí anteriormente.

Actualizado

Aquí está la pestaña de carga útil de Chrome

ingrese la descripción de la imagen aquí

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

No está muy claro por qué no envía todo lo que necesita dentro del objeto formData .

Podrías hacer algo como:

 const formData = new FormData() formData.append(body, postBody) formData.append(files, fileList) formData.append(otherData, someOtherData) const response = await axios.post('/posts', formData)

Luego, en su lado del servidor, podrá hacer

 $body = $request->body; $files = $request->files; $otherData = $request->otherData;
about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda