1

我创建了运行良好的 FormData()，因为我使用 jQuery.ajax 对其进行了测试。但是因为我想要上传进度条，所以当我使用 jQuery.ajax 时我无法创建它。所以我决定直接使用ajax并发布表单数据。但是使用 php 获取表单数据是行不通的。

javascript

xhr.open("POST","assets/php/upload.php?action=uploadFiles");
xhr.setRequestHeader('Cache-Control', 'no-cache');
xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
xhr.setRequestHeader('Content-Type', 'multipart/form-data');
xhr.send(newFormData);

php

print_r($_FILES); //output, empty array

这是我的问题，为什么我不能使用 php 获取表单数据？

编辑：：

这是我尝试使用 jquery 制作进度条，但效果不佳。进度条将很快完成，文件尚未上传。

function updateProgress(evt)
{
    // evt is an ProgressEvent.
    if (evt.lengthComputable)
    {
        var percentLoaded = Math.round((evt.loaded / evt.total) * 100);
        // Increase the progress bar length.
        $(".progress > div").css(
        {
            width: percentLoaded + '%'
        });

    }
}

$.ajax(
{
    url: 'assets/php/upload.php?action=uploadFiles',
    type: 'POST',
    data: newFormData,
    cache: false,
    xhr: function ()
    {
        myXhr = $.ajaxSettings.xhr();
        if (myXhr.upload)
        {
            myXhr.upload.addEventListener('progress', updateProgress, false);
        }
        return myXhr;
    },
    contentType: false,
    processData: false,
});

编辑：：

我终于找到了为什么我无法使用 $_FILES 获取 ajax 请求。发生这种情况是因为我设置了内容类型，现在如果我从请求中删除它，我可以获得 ajax 请求。但是现在进度条很快就会完成，而上传文件还没有完成。我的代码哪里出了问题？

谢谢你，阿里雷萨

4

3 回答 3

0

检查HTML5-powered Ajax 文件上传和这个项目：HTML5 AJAX File Uploader。

该文件提供了一个 JavaScript 对象，以简化 HTML5 文件 API 用于 AJAX 上传的使用。

于 2012-09-20T17:58:40.423 回答
0

您可以使用 plupload 来执行此操作。

涵盖如何使用 procent 更新元素的示例在这里http://www.plupload.com/example_custom.php

如果您下载该模块，它还包含与块一起使用的 php 代码（这是您完成所需文件上传行为所需要的）。

于 2012-09-19T07:50:55.437 回答
0

实际上我没有看到任何产生 $_FILES 的东西。还有更重要的事情，你不能直接在 PHP 中使用 AJAX……如果你使用 javascript，那是print_r($_FILES)什么？浏览器发送 AJAX 请求而不是 php。因此，当浏览器加载页面时，您无法使用 $_FILES 直接读取输出。您的其他页面应读取 $_FILES... 并使用 AJAX 上传使用jsupload ...

于 2012-09-18T19:24:08.327 回答