Hola amigos trato de subir imagen además de otros datos por mediacion de ajax usando jquery ui y no me sube la imagen se bloquea en el botón que le creé de guardar.
este es mi ajax jquery ui
Código Javascript
:
Ver original$( "#anadir" ).dialog({
autoOpen: false,
resizable: false,
modal: true,
buttons: {
"guardar": function() {
var formData = new FormData($("#formularioanadir")[4]);
$.get("peli.php", {
titulo : $("#atitulo").val() ,
director : $("#adirector").val() ,
fecha: $("#afecha").val() ,
idgenero: $("#agenero").val(),
file : formData,
operacion : "nuevo"
},function(data,status){
$("#listar").html(data);
})//get
$(this).dialog( "close" );
},
"Cancelar": function() {
$(this).dialog( "close" );
}
}//buttons*/
});
//accion añadir pelicula
$(document).on("click","#anadirBoton",function(){
$("#formularioanadir")[0].reset();
$( "#anadir").dialog("open");
}); //fin añadir pelicula
este es mi formulario
Código PHP:
Ver original<?php
require_once("conexion.php")
?>
<form id="formularioanadir" enctype="multipart/form-data">
titulo pelicula: <input type="text" id="atitulo" name="titulo" value="" required/><br>
director: <input type="text" id="adirector" value="" required /><br>
genero: <select id="agenero">
<?php
$consulta = "SELECT idGenero, genero
FROM genero";
$res = $lnk->query($consulta);
while ($fila2 = $res->fetch_object()){?>
<option value="<?= $fila2->idGenero?>"><?= $fila2->genero?></option>
<?php } ?>
</select>
<br>
fecha: <input type="text" id="afecha" value="" required/>
<input type="file" name="file" value="subir archivo">
</form>