$ _FILES使用DropzoneJS和Symfony 1.4返回空

时间:2016-03-09 21:45:38

标签: javascript php upload symfony-1.4 dropzone.js

我在网上浏览了几篇SO和博客帖子,但找不到有用的东西。

我正在尝试设置一个简单的HTML拖放表单,用户可以通过DropzoneJS一次上传多个文件。

HTML:

<form action='<?php echo url_for("@menu_basic_menu"); ?>' method="post" enctype="multipart/form-data" class="dropzone" id="basic_menu_dropzone"></form>

<button id="file_submit_btn" type="submit" form='basic_menu_dropzone' value="submit">SUBMIT</button>

使用Javascript:

jQuery(document).ready(function($) {
    Dropzone.autoDiscover = false;

    var dropzone = new Dropzone('#basic_menu_dropzone', {
        paramName: 'files',
        addRemoveLinks: true,
        uploadMultiple: true,
        autoProcessQueue: false,
    });

    $('#file_submit_btn').click(function() {
        dropzone.processQueue();
    });
});

在这里您会注意到我还设置了一个提交按钮,以便我们只在提交时启动文件的上传过程

PHP(actions.class.php片段):

public function executeBasicMenu(sfWebRequest $request) {
    if ($request->isMethod('post')) {
        print_r_tree($_FILES);
    }
  }

我已完成所有设置,以便在提交时正确触发executeBasicMenu,但$ _FILES始终返回一个空数组。

说明:

  • 如果我用常规输入type ='file'标签替换dropzone表单,那么一切正常,所以我的直觉就是告诉我我的配置dropzone在某处错了。
  • 我已经逐步完成了dropzone.js源代码,当它要在1386行发送数据时它看起来是正确的:xhr.send(formData), formData为空。

非常感谢任何帮助!

1 个答案:

答案 0 :(得分:0)

终于找到了我的错误!

在我的代码中,我在点击按钮上提交表单:

<button id="file_submit_btn" type="submit" form='basic_menu_dropzone' value="submit">SUBMIT</button>

但我也试图在同一个按钮点击上调用processQueue()。 但是,表单将在文件发送之前提交,因此PHP方面不会收到任何文件。

我也错误地实例化了我的dropzone实例 - 我应该包含一个parallelUploads字段,以便我可以一次上传多个文件。

因此,使用我的新更新代码,一切都按预期工作,我可以在PHP端处理我的文件!

解决方案

HTML

<form action='<?php echo url_for("@menu_basic_menu"); ?>'method="post" enctype="multipart/form-data" class="dropzone" id="basic_menu_dropzone"></form>
<button id="file_submit_btn" type="button" form='basic_menu_dropzone' value="submit">SUBMIT</button>

JS

jQuery(document).ready(function($) {
    Dropzone.autoDiscover = false;

    var dropzone = new Dropzone('#basic_menu_dropzone', {
        paramName: 'files',
        addRemoveLinks: true,
        uploadMultiple: true,
        autoProcessQueue: false,
        parallelUploads: 10
    });

    $('#file_submit_btn').click(function() {
        dropzone.processQueue();
    });
});

PHP

public function executeBasicMenu(sfWebRequest $request) {
    foreach($_FILES['files']['name'] as $index => $tmpName) {
      error_log($tmpName);
    }
}

希望这也有助于其他人!