resumable.js —— 基于 HTML 5 File API 的文件上传组件 支持续传

2019年9月13日 225次阅读 来源: weakish

resumable.js是一个 JavaScript 库，通过 HTML5 文件 API 提供了稳定和可恢复的批量上传功能。在上传大文件的时候将文件分割成小块，每块在上传失败的时候，上传会不断重试直到程序完成。这允许上传到本地或服务器的网络连接丢失后能够自动恢复上传。由于采用了分块技术，它也允许用户暂停和恢复上传。

《resumable.js —— 基于 HTML 5 File API 的文件上传组件 支持续传》

使用方法

创建一个新的 Resumable 对象：

var r = new Resumable({
  target:'/api/photo/redeem-upload-token', 
  query:{upload_token:'my_token'}
});
// 如果浏览器不支持 Resumable.js，使用替代方案。 
if(!r.support) location.href = '/some-old-crappy-uploader';

支持选择、拖放文件：

r.assignBrowse(document.getElementById('browseButton'));
r.assignDrop(document.getElementById('dropTarget'));

设定之后，监听相应的事件：

r.on('fileAdded', function(file, event){
    ...
  });
r.on('fileSuccess', function(file, message){
    ...
  });
r.on('fileError', function(file, message){
    ...
  });

项目主页

https://github.com/23/resumable.js

编撰 SegmentFault

    原文作者：weakish
    原文地址: https://segmentfault.com/a/1190000000495175
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞