Quiero Obtener nombre de archivo de un input file, tengo que decir que no me funciona con internet explorer, con chrome firefox y safari funciona bien.
¿por que razón no obtengo el array con los datos del archivo en Internet Explorer 10?
Tengo el siguiente código que muestro a continuación:
HTML[/color]
<form enctype="multipart/form-data" class="contact-form-imagen1"><br/>
<label>Subir archivo de imagen 1</label>
<input name="archivo1" type="file" id="imagen1" /><br /><br />
<input type="hidden" name="id_presup" id="id_presup" value="<?php echo $row["id"];?>" />
<input id="send_foto" type="button" value="Subir imagen 1" />
<!--div para visualizar mensajes-->
<div class="messages"></div><br /><br />
<!--div para visualizar en el caso de imagen-->
<div class="showImage"></div>
</form>
el correspondiente JQUERY:
$('#imagen1:file').change(function()
{
//obtenemos un array con los datos del archivo
var file = $("#imagen1")[0].files[0];//Aquí es dónde falla
//obtenemos el nombre del archivo
fileName = file.name;
//obtenemos la extensión del archivo
fileExtension = fileName.substring(fileName.lastIndexOf('.') + 1);
//obtenemos el tamaño del archivo
fileSize = file.size;
//obtenemos el tipo de archivo image/png ejemplo
var fileType = file.type;
//mensaje con la información del archivo
showMessage("<span class='info'>Archivo para subir: "+fileName+", peso total: "+fileSize+" bytes.</span>");
});