javascript - 没有表格的文件上传

Question

在不使用任何形式的情况下，我可以从 <input type="file"> 发送一个/多个文件吗？使用 jQuery 使用 POST 方法“upload.php”。输入标签不在任何表单标签内。它独立存在。所以我不想使用像“ajaxForm”或“ajaxSubmit”这样的 jQuery 插件。

Answer 1

您可以使用 FormData 通过 POST 请求提交您的数据。这是一个简单的例子:

var myFormData = new FormData();
myFormData.append('pictureFile', pictureInput.files[0]);

$.ajax({
  url: 'upload.php',
  type: 'POST',
  processData: false, // important
  contentType: false, // important
  dataType : 'json',
  data: myFormData
});

您不必使用表单来发出 ajax 请求，只要您知道您的请求设置(如 url、方法和参数数据)。