Hola de nuevo! encontré este plugin que es algo sencillo (para no reinventar la rueda, jeje) y he podido adaptarlo un poco para lo que quiero hacer (ademas funciona en todos los navegadores):
http://www.phpletter.com/Demo/AjaxFileUpload-Demo/
El problema es que el mensaje que despliega con los resultados es un alert, y cuando lo cambio a un div, se borra lo que esta en el input file que estoy validando
¿Alquien ha utilizado este plugin y puede ayudarme con esto please?
Código HTML:
function ajaxFileUpload(num)
{
$("#loading")
.ajaxStart(function(){
$(this).show();
})
.ajaxComplete(function(){
$(this).hide();
});
$.ajaxFileUpload
(
{
url:'doajaxfileupload.php',
secureuri:false,
fileElementId:'fileToUpload'+num, //Los id de los input que valido son fileToUpload1,..., fileToUploadn
dataType: 'json',
data:{name:'logan', id:'id'},
success: function (data, status)
{
if(typeof(data.error) != 'undefined')
{
if(data.error != '')
{
alert(data.error);
}else
{
$("#final").html(data.msg); //Aqui escribo el mensaje
//alert(data.msg);
}
}
},
error: function (data, status, e)
{
alert(e);
}
}
)
return false;
}