Javascript Dropzone无法向php发送数据
我有一个简单的表格Javascript Dropzone无法向php发送数据,javascript,php,html,forms,dropzone,Javascript,Php,Html,Forms,Dropzone,我有一个简单的表格 <form class="form-horizontal form-label-left input_mask" enctype="multipart/form-data" action="addstudent.php" method="post" id="addstudent"> <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback"> <inpu
<form class="form-horizontal form-label-left input_mask" enctype="multipart/form-data" action="addstudent.php" method="post" id="addstudent">
<div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
<input type="text" class="form-control has-feedback-left" id="stfname" placeholder="First Name*" required name="stfname">
<span class="fa fa-user form-control-feedback left" aria-hidden="true"></span>
</div>
<div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
<input type="text" class="form-control" id="stlname" placeholder="Last Name*" required name="stlname">
<span class="fa fa-user form-control-feedback right" aria-hidden="true"></span>
</div>
<div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
<input type="text" class="form-control has-feedback-left" id="stmname" placeholder="Middle Name" name="stmname">
<span class="fa fa-user form-control-feedback left" aria-hidden="true"></span>
</div>
<div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
<input type="text" class="form-control" id="stenrolid" placeholder="Enrollment ID*" required name="stenrolid">
<span class="fa fa-key form-control-feedback right" aria-hidden="true"></span>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12">Gender<span class="required">*</span></label>
<div class="col-md-6 col-sm-6 col-xs-12">
<div id="gender" class="btn-group" data-toggle="buttons">
<label class="btn btn-default" data-toggle-class="btn-primary" data-toggle-passive-class="btn-default">
<input type="radio" name="gender" id="stgender" value="male"> Male
</label>
<label class="btn btn-default" data-toggle-class="btn-primary" data-toggle-passive-class="btn-default">
<input type="radio" name="gender" id="stgender" value="female"> Female
</label>
</div>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12">Class<span class="required">*</span></label>
<div class="col-md-9 col-sm-9 col-xs-12">
<input type="text" class="form-control" id="stclass" placeholder="Class*" name="stclass" required>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12">Section<span class="required">*</span></label>
<div class="col-md-9 col-sm-9 col-xs-12">
<input type="text" class="form-control" id="stsection" name="stsection" placeholder="Section*" required>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12">Date Of Birth <span class="required">*</span></label>
<div class="col-md-9 col-sm-9 col-xs-12">
<div class='input-group date' id='myDatepicker2'>
<input type='text' class="form-control" id="stdob" name="stdob" required />
<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
</div>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12">Student Image<span class="required">*</span></label>
<div class="dropzone col-md-9 col-sm-9 col-xs-12 " id="myDropzone" name="myDropzone"></div>
</div>
<div class="ln_solid"></div>
<div class="form-group">
<div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-3">
<button type="button" class="btn btn-primary">Cancel</button>
<button class="btn btn-primary" type="reset">Reset</button>
<button type="submit" class="btn btn-success" id="submit-all">Submit</button>
</div>
</div>
</form>
性别*
男性
女性
阶级*
部分*
出生日期*
学生形象*
取消
重置
提交
对于上载图像,我有一个脚本:
<script>
Dropzone.options.myDropzone = {
url: 'addstudent.php',
autoProcessQueue: false,
uploadMultiple: true,
parallelUploads: 5,
maxFiles: 5,
maxFilesize: 1,
acceptedFiles: 'image/*',
addRemoveLinks: true,
init: function() {
dzClosure = this; // Makes sure that 'this' is understood inside the functions below.
// for Dropzone to process the queue (instead of default form behavior):
document.getElementById("submit-all").addEventListener("click", function(e) {
// Make sure that the form isn't actually being sent.
e.preventDefault();
e.stopPropagation();
dzClosure.processQueue();
});
//send all the form data along with the files:
this.on("sendingmultiple", function(data, xhr, formData) {
formData.append("stfname", jQuery("#stfname").val());
formData.append("stlname", jQuery("#stlname").val());
formData.append("stmname", jQuery("#stmname").val());
formData.append("stenrolid", jQuery("#stenrolid").val());
formData.append("stgender", jQuery("#stgender").val());
formData.append("stclass", jQuery("#stclass").val());
formData.append("stsection", jQuery("#stsection").val());
formData.append("stdob", jQuery("#stdob").val());
});
}
}
</script>
Dropzone.options.myDropzone={
url:'addstudent.php',
自动处理队列:false,
uploadMultiple:true,
并行上传:5,
最大文件数:5,
最大文件大小:1,
acceptedFiles:'image/*',
addRemoveLinks:是的,
init:function(){
dzClosure=this;//确保在下面的函数中理解“this”。
//要使Dropzone处理队列(而不是默认的表单行为),请执行以下操作:
document.getElementById(“全部提交”).addEventListener(“单击”,函数(e){
//确保表单没有实际发送。
e、 预防默认值();
e、 停止传播();
dzClosure.processQueue();
});
//将所有表单数据与文件一起发送:
this.on(“sendingmultiple”,函数(data、xhr、formData){
append(“stfname”,jQuery(“stfname”).val();
append(“stlname”,jQuery(“stlname”).val();
append(“stmname”,jQuery(“stmname”).val();
append(“stenrolid”,jQuery(“stenrolid”).val();
append(“stgender”,jQuery(“stgender”).val();
append(“stclass”,jQuery(“stclass”).val();
append(“stsection”,jQuery(“stsection”).val();
append(“stdob”,jQuery(“stdob”).val();
});
}
}
在提交时什么也没有发生,页面仍然保持不变,没有数据发布到POST,我看到图像在加载序列后被打勾标记
我在页面上的PHP代码告诉它发布所有数据并死亡。但是HTML页面没有改变,链接保持不变
我是否遗漏了什么或做错了什么?是否有控制台错误?控制台中没有错误,我只是检查了myDropzone是否需要是表单的第个id?当前表单的id是myDropzone,你们认为我需要把这个改成dropzone的id吗?我刚试着把我的id从表单改成dropzone的id,但似乎不起作用