使用 ajax 和 formData 上传文件答案

【问题标题】：Upload file with ajax and formData使用 ajax 和 formData 上传文件
【发布时间】：2015-06-16 16:44:44
【问题描述】：

我正在尝试使用 ajax 将视频上传到 Dailymotion API。

在我的脚本中：

                //upload the video and get the url
                var xhr =  new XMLHttpRequest();
                xhr.open('POST', upload_url, true);
                var formData = new FormData(document.getElementById("myForm"));
                xhr.send(formData);

我的脚本正在运行，但我遇到了一个问题，我该如何指定要使用的文件字段？

如果您看到var formData = new FormData(document.getElementById("myForm"));，myForm 是整个表单，如果我的文件输入有id="myInput"，我该如何指定？

我不想发送所有表单，只想发送一个特定字段。

谢谢！

【问题讨论】：

是<input type="file"，如果是，则可以使用 document.getElementById('myInput').files[0];

标签： javascript ajax upload

【解决方案1】：

这就是我想要的：

var file = document.getElementById("myInput").files[0];
var formData = new FormData();
formData.append('file', file);

【讨论】：

【解决方案2】：

创建一个空的 FormData 并手动添加文件值：

var file = document.getElementById("myInput").value;
var formData = new FormData();
formData.append('file', file);

【讨论】：