How can I make this file upload jQuery code work in IE8?

Question

Part of my code:

$("input[name='image']", selector_id).each(function(index) {
    var this_selector = $(this),
        this_file = this_selector[0].files[0], // ERROR LINE
        this_image;

    if (this_file) {
        this_image = new FormData();
        this_image.append('image', this_file);  
        images.push(this_image);
    }
});

I'm using jQuery to upload images via AJAX and in IE<10 I get the error: "Unable to get property '0' of undefined or null reference", and it's refering to the line "ERROR LINE" above. Also, I suspect FormData is also not working in IE<10.

How can I make this work in IE8-9?

Edit - Let me rephrase my question: I know some of these things don't work in IE<10. What are the common workarounds/methods for making it work in IE8?

see this: http://stackoverflow.com/questions/10852446/fallback-for-formdata-in-ie-8-9 - suggest "jquery.form" because old browser not support FormData and nothing similar. YOu must use iframe in thi cases. — Frogmouth, Feb 10 '14 at 16:11
possible duplicate of [How can I upload files asynchronously with jQuery?](http://stackoverflow.com/questions/166221/how-can-i-upload-files-asynchronously-with-jquery) — Ray Nicholus, Feb 10 '14 at 16:18

score 1 · Accepted Answer · answered Feb 10 '14 at 17:01

The only workarounds to this problem for browsers that don't support FormData is to either submit to a hidden iframe, or to use flash. There are many plugins out there that do this for you, or you can roll your own because it really isn't that difficult to implement (it doesn't even require javascript.)

How can I make this file upload jQuery code work in IE8?

1 Answers1