AJAX - Enviar imagen por ajax con Jquery

   
Vista:
Imágen de perfil de Jhon

Enviar imagen por ajax con Jquery

Publicado por Jhon (10 intervenciones) el 16/01/2017 21:31:20
Gente, necesito ayuda con un problema. Tengo un formulario que se genera dinámicamente con JQUERY.
El usuario toma una serie de datos y en base a ellos decide si tomará o no acciones. Si oprime tomar acciones se genera un pequeño miniformulario, si lo oprime de nuevo se genera el miniformulario número 2 y así hasta 10 acciones (Ahí deshabilito el botón).
El caso es que esos formularios se generan de forma dinámica, puede haber desde cero hasta 10 y cada uno puede o no tener imágenes.
SIn imágenes lo mando fácil pero con imágenes no he podido hacerlo.
Tengo una variable que va contando las acciones tomadas y cada campo lleva un id en plan id="input''+contador+"
Dentro del ajax que manda todo el formulario hay un ciclo for que manda las acciones si estas existen pero no sé cómo solucionar lo de las fotos.
Digamos que tengo un input file llamado pic1, pic2, pic3.. por cada acción tomada.

1
2
3
4
5
6
7
8
9
var data = {
"accion" : $("#accion"+i).val(),
"fecha" : $("#fecha2"+i).val(),
"responsable" : $("#responsable"+i).val(),
"tarea" : id, //Esta la tomo de otro lado
}
var url = 'http://MIURL/Acciones';
$.post(url,data,function(response){
});

En resumen la pregunta sería cómo añadir el archivo con el id pic+i en data.
Les agradezco de antemano.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder