没有 iFrame 或 flash 引擎的 ajax php 文件上传答案

【问题标题】：ajax php file upload without iFrame or flash engine没有 iFrame 或 flash 引擎的 ajax php 文件上传
【发布时间】：2012-04-16 01:34:20
【问题描述】：

我已经简化了在没有 iFrame 或 Flash 引擎的情况下上传文件的代码，并且我想出了这个 ajax 函数：

<input type="file" name="uploadfile" id="myfile" /><label for="file" id="progress"></label>

    <script src="js/jquery-1.7.1.min.js"></script>
    <script>

    function uploadFile(files) {

        var xmlhttp;
        if(window.XMLHttpRequest)
            xmlhttp = new XMLHttpRequest();
        else
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

        xmlhttp.upload.onprogress = function(e) {
            $("#progress").empty().append(e.loaded + " - " + e.total);
        }

        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                alert(xmlhttp.responseText + "DONE!");
            }
        }

        xmlhttp.open("post", "post.php", true);
        xmlhttp.setRequestHeader("If-Modified-Since", "Mon, 26 Jul 1997 05:00:00 GMT");
        xmlhttp.setRequestHeader("Cache-Control", "no-cache");
        xmlhttp.setRequestHeader("X-Requested-With", "XMLHttpRequest");
        xmlhttp.setRequestHeader("X-File-Name", files[0].fileName);
        xmlhttp.setRequestHeader("Content-Type", "multipart/form-data");
        xmlhttp.send(files[0]);
    }



    $(document).ready(function() {

        $("#myfile").change(function() {
            uploadFile(this.files);
        });

    });

    </script>

这是回复ajax函数的php代码：

<?php
if(isset(
        $_SERVER['CONTENT_TYPE'],
        $_SERVER['CONTENT_LENGTH'],
        $_SERVER['HTTP_X_FILE_NAME']
    ) &&
    $_SERVER['CONTENT_TYPE'] == 'multipart/form-data'){

        $file->name = basename($_SERVER['HTTP_X_FILE_NAME']);
        $input = fopen('php://input', 'rb');
    $file = fopen('files/'.$file->name, 'wb');
    stream_copy_to_stream($input, $file);
    fclose($input);
    fclose($file);
    } else {

    echo "Error";
    }
?>

问题是，有时它会工作，有时它会在尝试上传相同的文件时出错。我希望有一个解决方案来解决这个问题。代码很简单，当我选择一个具有输入文件类型的文件时，uploadFile 函数就会执行。当它出错时，我可以看到文件开始上传，但它没有原始大小，所以在某个地方它可能会出错并停止上传。

提前谢谢你，丹尼尔！

【问题讨论】：

只是它在大多数浏览器中都被破坏了，因为它并不能真正可靠地工作。您应该联系您的浏览器供应商并讨论如何解决您的问题。
好吧，问题是它可以工作，但只是有时，在小文件上它总是可以工作..但在超过 500 kb 的文件上它只工作有时，有时它会因某种原因停止并只上传一个文件的一部分
当它不工作时你会收到错误吗？
不，至少不是我在 echo 上写的那个错误，它有时会停止，我可以看到部分文件上传到服务器

标签： php ajax file upload progress

【解决方案1】：

我不确定这是你的问题，但无论如何你都应该确保你的服务器允许上传足够大的文件并且可以在不超时的情况下处理它们。

您可以在代码或 php.ini 中设置（代码中的示例：）

ini_set('memory_limit', '96M');
ini_set('post_max_size', '64M');
ini_set('upload_max_filesize', '64M');

然后，确保您的服务器不会超时：

$seconds=120;
set_time_limit ( $seconds );

所有这些代码都位于 PHP 文件的顶部。

【讨论】：

是的，我认为超时是问题，否则我看不到任何其他解释，为什么有时会上传相同的文件，有时不会。非常感谢您的回复，丹尼尔。