使用ajax请求上传文件

Question

可能重复:
如何使用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 进行发布，以后台风格的方式上传。