在 DropzoneJS 中将数据传递给 php

Question

我刚开始使用 DropzoneJS。这是我的表格

<div class="col-md-12">
    <form action="upload.php" enctype="multipart/form-data" class="dropzone" id="myDropzone" method="post"></form>
    <select id="category" style="display: none;">
        <option value="">Select Category</option>
        <option value="cat1">Category 1</option>
        <option value="cat2">Category 2</option>
        <option value="cat3">Category 3</option>
    </select>
    <span id="caterr" style="color: red"></span>
    <button id="submit-all" style="display: none;">Submit all files</button>
</div>

这是我的空降区代码

Dropzone.options.myDropzone = {
// Prevents Dropzone from uploading dropped files immediately
autoProcessQueue: false,
acceptedFiles: ".png,.jpg,.jpeg",
maxFilesize: 2,
parallelUploads: 20,
addRemoveLinks: true,
    init: function() {
        myDropzone = this;
        $("#submit-all").click(function(){
            myDropzone.processQueue();
        })
    }
};

这里是php

if (!empty($_FILES)) 
{
    $filename = $_FILES['file']['name'];
    $tmpFile = $_FILES['file']['tmp_name'];
    move_uploaded_file($tmpFile,$filename);
}

现在的要求是我想将 <selected> 类别发送到 PHP 页面。所以我可以在数据库中插入 php 类别。但是我怎样才能将这个选定的类别发送到 php 页面。

Answer 1

通过此代码

更新您的init

init: function() {
    myDropzone = this;
    $("#submit-all").click(function(){
        myDropzone.processQueue();
    });
    myDropzone.on('sending', function(file, xhr, formData){     
        formData.append('category',$('#category').val());
    });
}

在 DropzoneJS 中将数据传递给 php

Pass data to php in DropzoneJS

php

jquery

ajax

dropzone.js

dropzone