我正在尝试将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");
}