input type file is not working in IE 8

Question

OK this works fine in chrome, safari and etc.

but it doesn't work in IE8

input

<input accept="image/png,image/gif,image/jpeg" id="user_profile_photo" name="user_profile[photo]" type="file">

javasciprt

$("#user_profile_photo").change(function(){
  imageIsDelete = false;
    readURL(this);
}); 

function readURL(input) {
  if (input.files && input.files[0]) {
    var reader = new FileReader();

    reader.onload = function (e) {
      if(imageSizeValidationCheck(input.files[0].size)){
        $('#myprofile_image').attr('src', e.target.result); 
      }
    }

    reader.readAsDataURL(input.files[0]);
  }
}
function imageSizeValidationCheck(size){
  if(size/1024>200){
    alert("Please upload image size lower then 200KB");
    $("#user_profile_photo").replaceWith($("#user_profile_photo").clone( true ) );
    return false;
  }else{
    return true;
  }
}

I debugged this in IE dev tool, and the problem was

input.files

it doesn't exist in IE8(but it works in chrome)

is there an another way to check image size in here?

@SridharR, supported but from 10th+ version, see: http://caniuse.com/filereader — , Dec 30 '13 at 10:02

score 4 · Accepted Answer · 2013-12-30T09:34:49.880

4

FileReader is a feature of HTML5 File API, which is supported in IE from 10th version:

http://caniuse.com/filereader

edited Dec 30 '13 at 09:34

answered Dec 30 '13 at 09:28

Any alternative solution for this? – Canna Dec 30 '13 at 09:29
@Canna : have you checked this thread => http://stackoverflow.com/questions/5570871/html5-filereader-alternative – NoobEditor Dec 30 '13 at 09:30
@Canna You can use HTML4 with chunks to immitate fileuploader with the progress bar/multiupload. But for HTML4 you must also use ``, because it will send a single POST, which shall block the current thread for window, so you ought to use it in different window (that's why `<iframe>` is needed). BUT!!! It's the solution for old browsers and nowdays it's bad to support such features. Because it's a waste of time, just try to challange your users to use modern browser with full HTML5/CSS3 and other APIs. It will be more useful both for you as for developer and for your users. – Dec 30 '13 at 09:33

input type file is not working in IE 8

1 Answers1