Estoy haciendo un administrador para imágenes y textos con ajax, ya logré poder editar, agregar y eliminar registros del sitio mediante el motor. Lo que ahora no estoy consiguiendo es poder subir el archivo por ajax mediante ID. Os dejo aquí el código con el que me estoy peleando ahora mismo. ¿Álguien podría darme una mano, por favor?
CODIGO HTML
<div class="form-group">
<label class="col-md-2 control-label">Imagen</label>
<div class="col-md-7">
<input type="file" name="archivo" id="imagen" class="form-control"/>
</div>
CODIGO AJAX
function editaSliders(){
var url = 'php/slidersAgregar.php';
$.ajax({
type:'POST',
url:url,
data:$('#form_edi_sliders').serialize(),
new FormData(),
success: function(edicion){
if ($('#edi_Slider').val() == 'Edicion'){
alertify.success("Edición realizada.");
$('#edita-sliders').modal('hide');
$('#sliders').html(edicion);
return false;
}
}
});
return false;}
function editarSliders(idSlide){
$('#form_edi_sliders')[0].reset();
var url = 'php/slidersEditar.php';
$.ajax({
type:'POST',
url:url,
data:'id='+idSlide, // envia a PHP ej.: $_POST['id'];
success: function(valores){
var datos = eval(valores);
$('#edi_Slider').val('Edicion');
$('#idSlide').val(idSlide);
$('#imagen2').val(datos[0]);
$('#textogrande').val(datos[1]);
$('#textomediano').val(datos[2]);
$('#textochico').val(datos[3]);
$('#directorio').val(datos[4]);
$('#edita-sliders').modal({
show:true,
backdrop:'static'
});
return false;
}
});
return false;}
Actualmente, al abrir el modal se puede editar y actualizar sin problemas todos los textos, pero en el input de file me sale como UNDEFINED INDEX
, o sea, que está recibiendo el campo vacío.
undefined index
?¿El error ocurre en JavaScript o en PHP?