Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/236.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Dropzone无法向php发送数据_Javascript_Php_Html_Forms_Dropzone - Fatal编程技术网

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"> &nbsp; Male &nbsp;
                </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,但似乎不起作用