使用带有数据对象的 Dropzone JS 上传到 API答案

【问题标题】：Uploading to an API with Dropzone JS with data object使用带有数据对象的 Dropzone JS 上传到 API
【发布时间】：2015-06-07 04:20:59
【问题描述】：

是否可以使用 dropzone JS 通过 API 上传到远程服务器，并在请求中包含数据对象。

这是我需要发送的请求的示例：

---------------------------acebdf13572468
Content-Disposition: form-data; name="eventData" Content-Type: application/json {
    "Description" : "Some description",  
    "EventStoryIdsDelete" : [  ],  
    "PrivacySettings" : 4,  
    "Title" : "Photo event",  
    "EventStories" : [
    {      
        "Caption" : "Some caption",      
        "EventStoryType" : 2,     
        "TaggedUsers" : [      ],
        "Location" : {        
            "Latitude" : 51.52388,
            "Longitude" : -0.04333177,
            "FullAddress" : "Alderney Road, London, United Kingdom"
        }
    }
    ],
    "Date" : "2015-04-01T13:40:25.1790000"
}
---------------------------acebdf13572468
Content-Disposition: form-data; name="userﬁle"; ﬁlename="1.jpg"
Content-Type: image/jpeg
***image***
---------------------------acebdf13572468

【问题讨论】：

标签： jquery file-upload multipartform-data dropzone.js form-data

【解决方案1】：

您的意思是您想发送带有一些自定义参数的图像，对吧？如果为true，则可以使用dropzone的函数发送

示例：

var myDropzone = new Dropzone('div#uploadFile', { 
    url: "your_url", // Set the url
});
myDropzone.on('sending', function(file, xhr, formData){
    formData.append('Description', 'Some description');
        ....
});

你可以在这里阅读formData

【讨论】：

为了在同一个请求中发送多个文件，我使用了sendingmultiple。