使用FormData发送Dropzone文件信息

时间:2019-10-18 15:01:43

标签: javascript jquery file file-upload dropzone.js

我正在尝试将dropzone与其他输入内容集成到现有形式中。我使用的是div是放置区而非表单本身的替代方法,因为我希望图像是在表单提交时上传的,而不是在先上传的。

我遇到的问题是获取要与表格一起发送的文件信息。我尝试做的是将acceptedFiles附加到FormData,但这是行不通的。

var formData = new FormData(form);
formData.append('uploadedFile', acceptedFiles);

console.log的{​​{1}}始终为acceptedFiles

php脚本识别出正在发送文件,但是没有与文件信息一起发送关联信息,因此它无法正常工作。

有人看到我如何获取与[File]一起发送的文件信息吗? 形式:

formData

获取所有文件的Dropzone代码:

<form action="<?php echo $config['sf_url']; ?>" method="POST" id="salesforce_submit">
    <input id="first_name" name="first_name" type="text">
    <div class="dropzone dz-clickable" id="myDropzone">
        <div class="dz-default dz-message dG">Drop files here or click to upload</div>
    </div>
    <button type="submit" id="submit-all">SEND PROJECT QUOTE</button>
</form>

Ajax提交:

var acceptedFiles = null;
var queuedFiles = null;
var rejectedFiles = null;
function toggleUploadButton() {
    acceptedFiles = myDropzone.getAcceptedFiles();
    queuedFiles = myDropzone.getQueuedFiles();
    rejectedFiles = myDropzone.getRejectedFiles();
    console.log(acceptedFiles + "Accepted Files");
    console.log(queuedFiles + "Queued Files");
    console.log(rejectedFiles + "Rejected Files");
}

0 个答案:

没有答案