自定义下载管理器javascript

存储

您可以使用IndexedDB存储二进制数据.这是一个tutorial from Mozilla,解释如何使用AJAX下载图像并将其保存在IndexedDB中.

当您将数据存储在IndexedDB中时,您应该有机会下载它(从内部浏览器存储). Here you can read,如何创建下载提示.

进度条

使用XMLhttprequest时,可以通过提供进度事件的处理程序来获取下载进度.

var oReq = new XMLhttprequest();

oReq.addEventListener("progress",updateProgress,falsE);

[...]

function updateProgress (oEvent) {
  if (oEvent.lengthComputablE) {
    var percentComplete = oEvent.loaded / oEvent.@R_504_10586@l;
    // ...
  } else {
    // Unable to compute progress information since the @R_504_10586@l size is unknown
  }
}

如果服务器没有发送带有头文件的Content-Length,文件的总大小将不可用.

Full source code and description on MDN.