将数据附加到 formData 对象

Bjö*_*n C 5 javascript jquery form-data

我似乎没有将额外的数据添加到“formData”。

首先我添加我的输入文件:

var form = $('#uploadForm')[0];
var formData = new FormData(form);

var input = $("#uploadPhoto")[0];
//Add input file data to formData
formData.append(input.name, input.files[0]);
Run Code Online (Sandbox Code Playgroud)

这工作得很好。“ajax调用”结果后
我的PHP var_dump

array(1) {
  ["uploadPhoto"]=>
  array(5) {
    ["name"]=>
    string(5) "1.xls"
    ["type"]=>
    string(24) "application/vnd.ms-excel"
    ["tmp_name"]=>
    string(40) "..../tmp/phpmyn3E1"
    ["error"]=>
    int(0)
    ["size"]=>
    int(42799)
  }
}
Run Code Online (Sandbox Code Playgroud)

现在我想添加一些额外的数据以传递给 php 脚本:

formData.append('usr', selectedUsr);
formData.append(input.name, selectedUsr);
formData.append('usr', 'usr: '+ selectedUsr);
Run Code Online (Sandbox Code Playgroud)

当我现在检查我的 PHP var_dump 时,数组中没有“usr”数据。
为什么?

Bjö*_*n C 7

当你附加时:

formData.append('usr', selectedUsr);
Run Code Online (Sandbox Code Playgroud)

您无法访问该对象 $_FILES['uploadPhoto']

相反,我访问 $_POST

所以我的解决方案是:

//JS
formData.append('usr', selectedUsr);
//PHP
$usr = $_POST['usr'];
Run Code Online (Sandbox Code Playgroud)