我目前正在为非常大的文件(大于服务器将允许的文件)开发一个上传模块,其中包含进度和所有内容。请参阅下面的代码。 它适用于文本文件,图像,甚至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中的结果。请建议
答案 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”放在那里..对吧?;))