HTML5 文件上传表单数据与 jquery ajax

Question

我想使用 html5 formData 和 jquery ajax 来执行 ajax 文件上传（单个文件），但这不起作用。下面是我的js代码

//I tried this but return Cannot read property '0' of undefined
  var file = $folderID.find('.add-file').files[0];  

//I also tried this no error return, no file uploaded, no data inserted to db.
var file = $folderID.find('.add-file')[0].files[0];
  var formData = new FormData();
  formData.append("file", file);

var tag = $folderID.find('.hidden-tag').val();

$.ajax({
    type: 'POST',
    contentType:false,
    processData:false,
    url: baseUrl + 'folder/post',
    data: {'file':formData ,'tag':tag},
    error: function (request, status, error) {
        alert(request.responseText);
      }
  });

注意：php 文件在不使用 ajax 的情况下也能正常工作。

更新 标头返回 302 未找到并请求有效负载 [object] [object]

Answer 1

已修复，我将所有 jquery .val() 移至 formdata。

例子

formData.append("file", file);
formData.append("tag", tag);