Tengo un formulario el cual contiene campo de texto y un campo file para subir imágenes los cuales envío mediante AJAX.
¿Cómo puedo serializar tanto el input file como el input text para enviar los dos datos a la vez?
He serializado el campo de texto y también el FormData para el input fil, pero solo me permite enviar 1 archivo, o el texto o el input file.
Esto es lo que he intentado:
$("form").on("submit",function(e){
var form = $(this).serialize();
var imagen = new FormData($("#formdata")[0]);
$.ajax({
type:'post',
url:'enviar.php',
data:imagen,
contentType:false,
processData:false
})
.done(function(valor){
alert(valor);
})
.fail(function(data){
alert("Error");
})
e.preventDefault();
});
<form action="enviar.php" method="post" enctype="multipart/form-data" id="formdata">
<table border="1px">
<tr>
<td>Titulo</td>
<td><input type="text" name="titulo"></td>
</tr>
<tr>
<td>Contenido</td>
<td><textarea name="mensaje" id="" cols="30" rows="10"></textarea></td>
</tr>
<tr>
<td>Insertar Imagen</td>
<td><input type="file" name="archivo" /></td>
</tr>
</table>
<br><br>
<table border="1px">
<thead>
<th>ID</th>
<th>Nombre</th>
<th>Actualizar</th>
<th>Eliminar</th>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Nombre</td>
<td><a href="actualizar.php">Actualizar</a></td>
<td><a href="eliminar.php">Eliminar</a></td>
</tr>
</tbody>
</table>
<br><br>
<input type="submit" value="Insertar" />
</form>
data : $(this).serialize()
? ¿Qué error te muestra en la consola JS del navegador?