我正在尝试上传一段文件(使用 HTML5 文件 API、切片和 XmlHttpRequest2),并向用户报告进度。
我遇到的问题是进度事件通常几乎立即触发(即使块大小为 5MB),“加载”值等于块的大小。当然,上传块可能需要 30 秒,在此期间用户没有反馈。
下面的代码如果有人可以帮忙吗?我几乎一直在为这个问题撕扯头发,但找不到遇到同样问题的人!...
var startPosition = (partNumber - 1) * PART_SIZE;
var blob;
if (typeof fileUpload.File.slice != "undefined")
{
blob = fileUpload.File.slice(startPosition, startPosition + contentLength);
}
else
{
if (typeof fileUpload.File.webkitSlice != "undefined")
blob = fileUpload.File.webkitSlice(startPosition, startPosition + contentLength);
if (typeof fileUpload.File.mozSlice != "undefined")
blob = fileUpload.File.mozSlice(startPosition, startPosition + contentLength);
}
fileUpload.PartNumber = partNumber;
var xhr = new XMLHttpRequest();
// Add event listener for progress
xhr.upload.onprogress = function (event)
{
log.debug("progress " + event.loaded);
if (event.lengthComputable)
UpdateProgress(fileUpload, event.loaded);
};
xhr.open("PUT", url, true);
xhr.setRequestHeader('authorization', result);
// Make the request an HTTP PUT
log.debug('Sending PUT request to ' + url);
xhr.send(blob);