Javascript file input is not working in IE

Question

I am not able to have below code working in IE. It works fine on Firefox and Chrome.

Anyone can help, how can make this function work on IE?

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

     reader.onload = function (e) {
        $('#img_prev')
                .attr('src', e.target.result)
                .width(160)
                .height(152);
    };

    reader.readAsDataURL(input.files[0]);
  }
}

It does't work on any function.

seUser
– seUser

2012-05-24 17:23:47 +00:00
Commented May 24, 2012 at 17:23 — seUser
– seUser, Commented May 24, 2012 at 17:23

ContextSwitch · Accepted Answer · 2012-05-25 20:53:00Z

2

I've had a similar problem in the past. FileReader is not yet supported in IE:

http://html5demos.com/

You might need to rework your solution if IE support is required to include a regular file upload.

edited May 25, 2012 at 20:53

answered May 24, 2012 at 17:21

ContextSwitch

2,8376 gold badges37 silver badges51 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

ContextSwitch Over a year ago

Not for dragging and dropping files, we ended up going with a flash file uploader easyalgo.com/eaflashupload.aspx It doesn't support drag and drop but was still a clean solution.

Chris Over a year ago

MDN has a possible cross browser solution for image previews.

Collectives™ on Stack Overflow

Javascript file input is not working in IE

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related