2

我正在开发一个简单的 S3 上传器，让它执行并做我需要做的事情；但是，我想知道是否有一个易于创建的上传进度条？

在浏览器的底部，有一条浏览器消息，上面写着“正在上传”——有没有人知道有什么文章可以用来显示加载栏？

理想情况下，该变量将传递给一个 jquery 函数，该函数在引导进度条（接受整数）中呈现百分比。

这里的目标是更美观，不一定是 100% 准确。

这是来自浏览器的上传百分比

4

2 回答 2

6

如果您使用的是 XMLHttpRequest 对象，则可以使用 onprogress 事件和事件的 lenghtcomputable 属性。仅当您的 XMLHttpRequest 支持进度时才应该这样做（test = "upload" in new XMLHttpRequest）

var xhr = new XMLHttpRequest();
xhr.open('POST', 'post/picture');
xhr.onload = function() {
   progress.value = progress.innerHTML = 100;
};


xhr.upload.onprogress = function (event) {
    if (event.lengthComputable) {
        var complete = (event.loaded / event.total * 100 | 0);
        progress.value = progress.innerHTML = complete;
    }
}

xhr.send(formData);
于 2012-12-07T16:02:29.023 回答
0

你试过jquery UI的进度条吗？

jQuery进度条的主要内容

于 2012-12-07T16:03:49.417 回答