无窗体的文件上传 [英] File Upload without Form

问题描述

不使用任何形式，我可以使用POST方法将文件/文件从< input type =file> >发送到'upload.php'使用jQuery。输入标签不在任何表单标签内。它单独站立。所以我不想使用像'ajaxForm'或'ajaxSubmit'这样的jQuery插件。 您可以使用 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请求请求设置（如网址，方法和参数数据）。

Without using any forms whatsoever, can I just send a file/files from <input type="file"> to 'upload.php' using POST method using jQuery. The input tag is not inside any form tag. It stands individually. So I don't want to use jQuery plugins like 'ajaxForm' or 'ajaxSubmit'.

解决方案

You can use FormData to submit your data by a POST request. Here is a simple example:

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
});

You don't have to use a form to make an ajax request, as long as you know your request setting (like url, method and parameters data).

这篇关于无窗体的文件上传的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！