使用FileReader和php上传大文件

时间:2013-02-14 13:56:23

标签: php javascript html5

我目前正在为非常大的文件(大于服务器将允许的文件)开发一个上传模块,其中包含进度和所有内容。请参阅下面的代码。 它适用于文本文件,图像,甚至doc和pdf文件。 它崩溃任何其他文件类型。 有人有什么建议吗?

var fr = new FileReader;
chunkSize = 524288;
//chunkSize = window.maxPost;
var chunks = Math.ceil(file.size / chunkSize);
var chunk = 0;
function SendSlice() {
    var start, end;
    start = chunk * chunkSize;
    if (start > file.size) {
        start = end + 1;
    }
    end = start + (chunkSize - 1) >= file.size ? file.size : start + (chunkSize - 1);
    status = chunk == 0 ? "start" : (chunk == chunks ? "end" : "progress");
    if (status == 'start') {
            $("#upload-area").append("<p>Upload started for file " + file.name + "</p>");
    }
    fr.onload = function(e) {
        var sliceData = e.target.result;
        $.ajax({
            type : "POST",
        url : "uploader.php",
        data : {
            filename : file.name,
            status : status,
            slice : sliceData
        }
        }).success(function(data) {
            if (++chunk <= chunks) {
                SendSlice();
                var progress = (chunk / chunks) * 100;
                $("#progress-text").html(progress.toFixed(2) + "%");
                $("#progress").css({
                    width : progress + "%"
                });
            } else {
                $("#upload-area").append("<p>File " + file.name + " uploaded succesfully. Download file <a target='_blank' href='uploads/" + file.name + "'>here</a></p>");
            }
        });
    };
    fr.readAsDataURL(file.slice(start, end));
}
SendSlice();

和php代码:

 if($_POST['status'] == 'start') {
if (file_exists("uploads/" . $_POST['filename'])) {
    unlink("uploads/" . $_POST['filename']);
}
 }
 $data = explode(",", $_POST['slice']);
 $data = $data[1];
 $data = base64_decode($data);
 file_put_contents("uploads/" . $_POST['filename'], $data, FILE_APPEND);

另外,我尝试过使用readAsBinaryString,但我不知道如何处理PHP中的结果。请建议

1 个答案:

答案 0 :(得分:3)

这只是一个黑暗的镜头,但看着file.slice API(http://www.w3.org/TR/FileAPI/#dfn-slice),它说:

“slice方法返回一个新的Blob对象,其字节范围从可选的start参数到最大但不包括可选的end参数,并且type属性是可选的contentType参数的值。”

但是,在使用它之前从“end”中减去1 - 这是否意味着你在每个块中省略1个字节(因为不包括结束字节)?

(另外,你在使用它之前清理$ _POST ['filename'] - 不是有人把“../yourscript.php”放在那里..对吧?;))