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

Question

是否可以使用 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

Answer 1

你的意思是你想发送带有一些自定义参数的图像，对吧？如果为真，则可以使用 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 的信息

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

Uploading to an API with Dropzone JS with data object

jquery

file-upload

multipartform-data

form-data

dropzone.js