拖放的文件显示在JavaScript中，但未出现在请求中

Question

我正在尝试创建一个可以通过拖放和常规上传按钮使用的文件上传表单，但是我无法获取要上传的拖放内容。

在代码中的这一点上，在使用jquery发送ajaxData对象之前：

    var ajaxData = new FormData($form.get(0));

    if (droppedFiles) {
        $.each( droppedFiles, function(i, file) {
            ajaxData[i] = file;
        });
    }

    console.log(ajaxData)

ajaxData词典显示所有预期的文件名和拖放文件的文件信息，但是

但是，当我正常上传文件时，通过<input type="file"/> ，ajaxData会作为一个简单的formData对象记录（似乎是空的）：

FormData {}__proto__: FormData

现在，当我检查发出的请求时，通过拖放创建的ajaxData仅发送不带文件的密钥，

csv1: 
csv2:
csv3:   

而普通上传会按预期发送文件。

csv1: csv1.csv
...

为什么在我没有看到常规上传的情况下，即使在JavaScript控制台中看到了拖动的文件，为什么也没有上传？

Answer 1

您可以使用FormData .append()方法将属性附加到FordData实例

ajaxData.append(i, file)

和.get()获取FormData实例的特定属性的值

ajaxData.get("csv1")