Javascript 那么AJAX提交的现有表单中的Dropzone.js呢？

好的，下面是场景。我已经有了一个表单，它有一些输入字段、一些单选按钮和一个

input type=file

。有一个使用AJAX提交整个表单的按钮

一切都很顺利，直到我决定用更奇特的DropZone.js更改

input type=file

现在我有了以下html代码（这里是一个示例）：

在Dropzone.js的文档中说，Dropzone div看起来像

。唯一的区别是我想将输入名称重命名为creative_file

我有两个问题

1） 这不管用。当按下提交按钮时，我打开了FIREBUG，我检查它作为POST发送的内容。它发送除文件以外的所有内容。没有创造性的文件，根本没有文件

2） 如果最终找到了如何使其工作的方法，是否有任何方法可以使用此实现，特别是对于iOS或Android设备

---

我同意应该有一些关于如何以现有形式实施的文档。尤其是在Laravel Vue类型的应用中。

<form enctype="multipart/form-data" id="test_form" name="test_form" class="form uniformForm">
       <input class="form-control" type="text" value="" name="a-name" id="a-name" />            
       <label for="a-name">Field Name</label>

       <div class="dropzone dropzone-previews" id="my-awesome-dropzone </div>
</form>

<button class="btn btn-primary btn-large" id="submitForm"> Submit </button>

$("button#submitForm").click(function(){
    var fd = new FormData(document.getElementById("test_form"));
    fd.append("label", "WEBUPLOAD");
    $.ajax({
        type: "POST",
        url: "create_form.php",
        data: fd,
        enctype: 'multipart/form-data',
        processData: false,  // tell jQuery not to process the data
        contentType: false,   // tell jQuery not to set contentType
    });
});

$("div#my-awesome-dropzone").dropzone({
   url: "#",
   paramName: "creative_file",
   maxFilesize: 1,
   autoProcessQueue: false
 });

        $("#salvar").on('click',function(e) {           
            if ($("#psl_titulo").val() == "") {
                alert('Empty');
                } else {
                e.preventDefault();
                if (myDropzone.getQueuedFiles().length > 0) { 
                    myDropzone.processQueue();  
                    } else {
                    $("#my-awesome-dropzone").submit(function(e)
                    {
                        var postData = $(this).serializeArray();
                        var formURL = $(this).attr("action");
                        $.ajax(
                        {
                            url : formURL,
                            type: "POST",
                            data : postData,
                            success:function(data, textStatus, jqXHR) 
                            {
                                window.location.href = url_redirect;
                            },
                            error: function(jqXHR, textStatus, errorThrown) 
                            {
                                alert('Ocorreu um erro ao salvar ao enviar os dados. Erro: ' + textStatus);      
                            }
                        });
                        e.preventDefault();
                    });
                    $("#my-awesome-dropzone").submit();
                }
            }           
        });