FormData为空（在PHP中）

Question

我一直在使用它来通过AJAX和jQuery处理表单

$("#uploadBtn").click(function()
{
  var formData = new FormData($('form')[0]); //--FormData here, problem line
  $.ajax({
    url: 'resources/ajax/ajax_upload_video.php',
    type: 'POST',
    xhr: function()
    {
      xhr = $.ajaxSettings.xhr();
      if (xhr.upload)
      {
        xhr.upload.addEventListener('progress', progressHandlingFunction, false);
      }
      return xhr;
    },
    success: function(msg)
    {
      log(msg);
    },
    data: formData,
    cache: false,
    contentType: false,
    processData: false
  });
});

运行良好。 我在页面上添加了第二个表单（搜索位于顶部，上传器位于底部）

我知道$('form')[0]将抢占页面上的第一个表单，因此自然而然地，我将JavaScript更改为$('form')[1] 。 当我在其上执行console.log时，它是正确的形式。

当我点击上传按钮时，但是我的php文件说什么也没发布。 为了简单起见，我的php文件是这样的：

<?php
var_dump($_POST);
?>

我得到一个空数组。 我什至给了我想要一个ID的表单，并以此方式调用了$('#uploadForm') 。

我有1个多选FILE输入，一个隐藏字段和一个文本输入字段。

我对FormData对象做错了什么？

一方面，我一直在使用WAMP在本地开发此页面，并将其移至在线的CentOS服务器。 这可能是与我的本地环境不同的PHP设置吗？ 我想不出POST与PHP设置有什么关系

上载表格

<form id="videoUploadForm" method="post" enctype="multipart/form-data" class="upload-form modal-edit-form">
  <div class="modal-body">
        <p>
            <div align="center" id="fileSelect">
                <input type="hidden" value="video" name="mediaType" id="mediaType" />
                <input type="hidden" value="<?php echo $_GET['reelId']; ?>" name="reelId" id="reelId" />
                <input type="file" name="videos[]" id="videos" accept="video/mp4" multiple />
            </div>
            <br>
        </p>
        <p>
            <div id="dropbox">
                <ul class="hide" id="filelist">
                </ul>
                <div align="center" id="nofiles">Select some file to begin</div>
            </div><br>
        </p>

        <p>
            <hr>
            <label>Search Tags <small>[at least two tags separate by comma]</small></label>
            <input type="text" class="span5" name="searchTags" id="searchTags" disabled />
        </p>
        <hr>
        <p align="center">
            <img src="resources/img/loader.gif" class="hide" id="loader" />
            <button type="button" class="btn btn-info" name="uploadBtn" id="uploadBtn" disabled><i class="icon-circle-arrow-up icon-white"></i> Begin Upload</button>
            <div id="successfulUpload" class="alert alert-success hide">
                <b>The videos have been successfully uploaded.</b><br/>
            </div>
        </p>
    </div>
</form>

Answer 1

尝试以这种方式访问​​它：

var form = document.getElementById('form-id');
var formData = new FormData(form);

从此页面上的FormData。