1

我一直在使用它通过 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 个多选文件输入、一个隐藏字段和一个文本输入字段。

我对FormData对象做错了什么？

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

上传表格

<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>
4

1 回答 1

-1

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

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

从此页面上的 FormData。

于 2013-05-02T23:58:23.670 回答