IE Java script error No se puede obtener el valor de la propiedad '0':

Question

tengo una:

<img id="uploadedimage" alt="uploaded image" src="" width="250px" height="250px"/> 

y tienen un div para mostrar la imagen una vez que el usuario ha seleccionado la imagen utilizando este código jQuery:

$('#BusinessImage').change(function (ev) { 

      var f = ev.target.files[0]; 
      var fr = new FileReader(); 
      var IsImage = false; 

      // check the file is an image 
      if (f.type.match('image.*')) { 
       IsImage = true; 
      } 

      fr.onload = function (ev2) { 
       if (IsImage) { 
        $('#uploadedimage').attr('src', ev2.target.result); 
       } 
      }; 

      if (IsImage) { 
       fr.readAsDataURL(f); 
       ValidFileUpload(); 
      } 
      else { 
       InvalidFileUpload(); 
      } 
     }); 

Por supuesto, este código funciona muy bien en todos los demás navegadores aparte de Satans, Internet Explorer. Me sale este error:

Line: 108 
Character: 13 
Code: 0 
Error Message: Unable to get value of the property '0': object is null or undefined 

¿Alguien tiene alguna idea de lo que está causando esto, ya que funciona muy bien en FFX y Chrome.

Gracias

Answer 1

".files" trabajar sólo en los navegadores que soportan HTML5.

archivos se admite en IE10 pero para IE9 y las primeras versiones se debe utilizar otra manera de obtener la ruta .:

Para comprobar si los archivos se apoya:

if(ev.target.files){ 
    //supported 
    console.log(ev.target.files[0]); 
}else{ 
    //.files not supported 
    console.log(ev.target.value); 
}