Upload file using ajax request [duplicate]

Question

Possible Duplicate:
How can I upload files asynchronously with JQuery?

I'm submiting my forms like this.

  var url = event.currentTarget.action;
  var values = $(this).serialize();

  $.post(url, values, function (data) {
      //some code
  });

Now I have a form with a file upload input. With this code the file isn't uploaded.

How can I include the file into this ajax request ? I don't want to use any plugin if possible(except jQuery).

beaver · Accepted Answer · 2018-08-23 10:02:16Z

2

You can only upload files with AJAX but only in some modern browsers. I know it works in Firefox and Chrome (That's all I've tested so far).

As an alternative there's a great plugin for that sort of thing:

This part may be of relevance to you:

It uses iframes to post to to upload in a background style of way.

beaver

5271 gold badge9 silver badges21 bronze badges

answered May 6, 2011 at 13:12

Tomgrohl

1,75710 silver badges16 bronze badges

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

1 Answer 1