具有文件和文本输入的Ajax表单[重复]

Question

我试图创建一个ajax上传表单，发送文件和文本输入。我已经设法用以下代码发送了该文件：

var $form = $('#form');
var formData = new FormData();

formData.append('file', $('#file')[0].files[0]);

$.ajax({
    url: 'upload.php',
    type: 'POST',
    dataType: 'html',
    data: formData,
    processData: false,
    contentType: false
});

var $form = $('#form');
var formData = new FormData($form);

$.ajax({
    url: 'upload.php',
    type: 'POST',
    dataType: 'html',
    data: formData,
    processData: false,
    contentType: false
});

Answer 1

经过大量搜索后，我找到了这个答案（以前的答案），并在我的应用程序中发挥了巨大的作用：

$("form#data").submit(function(){

var fd = new fd($(this)[0]);

var request = jQuery.ajax({
  url: gurl,
  type: 'POST',
  cache: false,
  contentType: false,
  processData: false,
  data: fd
  });

我也会检查您的AJAX调用，datatype:'html'可能会导致错误。