[英]How to post other form fields with dropzone js?
我有一个带有dropzone js
文件上传的HTML
表单。 我想在文件中发布其他表单字段信息。 我尝试了这段代码,
的HTML
<script src="dropzone/dist/dropzone.js"></script>
<link rel="stylesheet" href="dropzone/dist/dropzone.css">
<form role="form" id="my-awesome-dropzone" method="post" action="photos/post" enctype='multipart/form-data'>
<input type="text" name="title" id="title" class="form-control input-lg" placeholder="Title" >
<input type="text" name="location" id="location" class="form-control input-lg" placeholder="Location">
<div class="dropzone dz-clickable" id="myDrop">
<div class="dz-default dz-message" data-dz-message="">
<span>Drop files here to upload</span>
</div>
</div>
<input type="button" value="Post" id="post-btn">
Java脚本
<script type="text/javascript">
var myDropzone = new Dropzone("div#myDrop", {
url: "photos/post",
autoProcessQueue: false,
uploadMultiple: true,
addRemoveLinks: true,
parallelUploads:3,
maxFiles : 3,
});
$('#post-btn').on('click',function(){
myDropzone.processQueue();
});
但是使用此代码,我只能发布图像,而不能发布标题和位置。 如何发布带有上传信息的标题和位置值?
您可以查看http://www.dropzonejs.com/#tips
myDropzone.on("sending", function(file, xhr, formData) {
// Will send the filesize along with the file as POST data.
formData.append("filesize", file.size);
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.