使用ajax请求上传文件[重复]

Question

可能重复：
How can I upload files asynchronously with JQuery?

我正在提交这样的表单。

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

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

现在我有一个带有文件上传输入的表单。使用此代码不会上传文件。

如何将文件包含到此 ajax 请求中？如果可能，我不想使用任何插件（jQuery 除外）。

Answer 1

您只能使用 AJAX 上传文件，但只能在某些现代浏览器中使用。我知道它可以在 Firefox 和 Chrome 中运行（这就是我迄今为止测试过的全部）。

这里有一些很好的信息：https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest

作为替代方案，有一个很棒的插件可以解决这类问题：

http://jquery.malsup.com/form/

这部分可能与您相关：

http://jquery.malsup.com/form/#file-upload

它使用 iframe 以后台方式发布到上传。