Send input type="file" form data via ajax post (jQuery)

Question

I want to send the post data from an input like this:

<input type="file" name="userFile" id="userFile"/>

?

I need to send it via ajax using $.post to a specified file.

How can I do this?

user400654 · Accepted Answer · 2012-06-29 16:23:46Z

3

Without HTML5, this isnt possible, and the html5 solution won't work in all browsers without workarounds for browsers that don't support it.

The most cross-browser way to solve this is to not use ajax and to instead post to a hidden iframe.

Or use a plugin such as uploadify.

Most if not all of the jQuery plugins that implement this use either flash or hidden iframes when the html5 method isn't supported.

answered Jun 29, 2012 at 16:23

user400654

95.1k16 gold badges168 silver badges188 bronze badges

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

Comments

Max Toro · Accepted Answer · 2012-06-29 16:36:52Z

1

Use the jquery.form plugin....

answered Jun 29, 2012 at 16:36

Max Toro

28.7k11 gold badges80 silver badges116 bronze badges