0

Estoy tratando de enviar multiples archivos por ajax el problema es que al enviarlos debo enviar todos los que menciono por su id de lo contrario no actualiza

Este es mi codigo HTML

<html>
 <head>
 </head>
 <body>                                                                            
   <input type="file" name="id" id="id">
   <input type="file" name="social" id="social">
</body>
</html>

He tratado de esta manera pero debo actualizar ambos campos u obligatoriamente debo actualizar el primer file para que reciba y actualice el segundo

> 
>         $('#save-form').click(function () {
>                 $.easyAjax({
>                     url: '{{route('admin.apply_job.update', [$userDetail->id])}}',
>                     container: '#updatePretemporal',
>                     type: "POST",
>                     redirect: true,
>                     file: (document.getElementById("id","social").files.length == 0) ? false
> :true,
>                     data: $('#updatePretemporal').serialize()
>                 })
>             });
> 
> 

He intentado de esta manera pero de igual manera debo de modificar ambos para que el segundo file se edite

> 
>      $('#save-form').click(function () {
>                 $.easyAjax({
>                     url: '{{route('admin.apply_job.update', [$userDetail->id])}}',
>                     container: '#updatePretemporal',
>                     type: "POST",
>                     redirect: true,
>                     file: (document.getElementById("id").files.length == 0) ? false :true,
>                     file: (document.getElementById("social").files.length == 0) ? false :true,
>                     data: $('#updatePretemporal').serialize()
>                 })
>             });
> 
> 

1 respuesta 1

1

Para mandar varios archivos con ajax, lo que tenés que hacer es mandar request multipart.

El ejemplo de abajo usa jQuery.ajax, no se si funciona igual con easyajax.

La forma mas simple es usar la api de FormData.

var formData = new FormData();
formData.append("id", document.getElementById('id').files[0]);
formData.append("social", document.getElementById('social').files[0]);


$.ajax({
   url: '{{route('admin.apply_job.update', [$userDetail->id])}}',
   type: 'POST',
   data: formData,
   contentType: 'multipart/form-data',
   cache: false,
   processData: false,
   success: function (html) {
      ...
  }
});

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.