使用dropzone.js,您可以通过以下步骤发送自定义的formData:
<div id="myDropzone" class="dropzone"></div>
var myDropzone = new Dropzone("#myDropzone", {
url: "/your-upload-url",
method: "post",
paramName: "file",
maxFilesize: 5, // 设置最大文件大小,单位为MB
addRemoveLinks: true, // 显示删除链接
acceptedFiles: ".jpg,.png,.gif", // 允许上传的文件类型
init: function() {
this.on("sending", function(file, xhr, formData) {
// 在发送之前,可以在formData中添加自定义数据
formData.append("key1", "value1");
formData.append("key2", "value2");
});
}
});
在上述代码中,通过init
回调函数的sending
事件,可以在发送文件之前修改formData并添加自定义数据。使用formData.append(key, value)
方法可以添加键值对。
这样,您就可以使用dropzone.js发送自定义的formData了。请注意,以上代码仅为示例,您需要根据实际需求进行相应的配置和处理。
关于dropzone.js的更多信息和详细配置选项,请参考腾讯云对象存储COS的官方文档:dropzone.js官方文档。
腾讯云相关产品推荐:腾讯云对象存储(COS)
请注意,以上推荐的腾讯云产品仅供参考,您可以根据实际需求选择适合的产品。
领取专属 10元无门槛券
手把手带您无忧上云