IE Java script lỗi Không thể nhận được giá trị của tài sản '0':

Question

Tôi có một:

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

và có một div để hiển thị hình ảnh khi người dùng đã chọn hình ảnh của họ sử dụng mã JQuery này:

$('#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(); 
      } 
     }); 

Tất nhiên, mã này hoạt động tốt trên mọi trình duyệt khác ngoài trình duyệt Satans, Internet Explorer. Tôi gặp lỗi này:

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

Có ai biết điều gì gây ra điều này vì nó hoạt động tốt trong FFX và Chrome.

Cảm ơn

Answer 1

".files" chỉ hoạt động trên các trình duyệt hỗ trợ HTML5.

tập tin được hỗ trợ trên IE10 nhưng đối với IE9 và các phiên bản đầu bạn phải sử dụng cách khác để có được con đường .:

Để kiểm tra xem các file được hỗ trợ:

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