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

Dean 发布于2019-08-02 18:01 / 3343人阅读

摘要：是一个库，通过文件提供了稳定和可恢复的批量上传功能。在上传大文件的时候将文件分割成小块，每块在上传失败的时候，上传会不断重试直到程序完成。这允许上传到本地或服务器的网络连接丢失后能够自动恢复上传。

resumable.js是一个 JavaScript 库，通过 HTML5 文件 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

云服务器专线服务 Java组件上传文件 asp上传文件组件 html上传组件代码 html图片上传组件

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/55128.html

45个必备的JavaScript Web开发工具

摘要：幸运的是，为了完成独特的任务，无以计数的工具已经被开发者发布。图像显示的是一个针对该框架的在线开发工具。是用创建的命令行工具，用于压缩文件。是一组处理所有跟文件相关的工作的组件库。是一个基于任务的命令行项目构建工具。 JavaScript是一种灵活多变的脚本语言，它在全世界被广泛的应用在Web页面和服务器应用中。你可以因为任何目的去使用它，但是你需要一些工具。幸运的是，为了完成独特的任...

不知名网友 2019-08-21 10:31 评论0 收藏0
Spring Boot 2.x（十六）：玩转vue文件上传

摘要：为什么使用最近用到了来完成文件上传的操作，踩了一些坑，对比了一些的组件，发现了一个很好用的组件再说说为什么选用这个组件，对比和的上传组件，它能做到更多的事情，比如可暂停继续上传上传队列管理，支持最大并发上传分块上传支持进度预估为什么使用Vue-Simple-Uploader 最近用到了Vue + Spring Boot来完成文件上传的操作，踩了一些坑，对比了一些Vue的组件，发现了一...

JessYanCoding 2019-08-19 10:28 评论0 收藏0
分片上传与断点续传解决方案

摘要：所以，该文适合于全栈工程师，至少是想成为还有，为什么需要分片，不分片能实现断点续传吗分片是为了充分利用网络带宽，加快上传速度不分片也是能够实现断点续传的。详细参考文件上传组件深度剖析分片上传与断点续传之间没有很直接的关系好了，进入正题。上传文件，基本上是每一个网站应用都会具备的一个功能。对于一个网络存储应用，对于上传功能要求更是迫切。如今市面上成熟上传插件，如WebUpload...

includecmath 2019-08-21 14:27 评论0 收藏0
阿里云视频点播从小白到大咖

摘要：阿里云视频点播提供了完善的内容安全保护机制，可以满足不同业务场景的安全需求。使用方式参考阿里云视频加密阿里云视频加密。阿里云视频加密整体架构阿里云视频加密方案包含两部分加密转码解密播放。阿里云视频点播技术能力盘点_阿里云Edge Plus的博客-CSDN博客视频点播（ApsaraVid...

mingde 2021-10-09 09:44 评论0 收藏0
HTML5文件上传组件的深度剖析

摘要：前段时间在技术交流会中分享了基于技术的文件上传组件，由于携带的信息非常有限，故在此整理成文章分享出来，供感兴趣的同学阅读。断点续传有了分块上传，其实我们可以实现更多的功能。前段时间在w3ctech技术交流会中分享了基于 HTML5 技术的文件上传组件，由于ppt携带的信息非常有限，故在此整理成文章分享出来，供感兴趣的同学阅读。 HTML VS FLASH 对于文件上传，相信还有不...

xiangzhihong 2019-08-02 18:01 评论0 收藏0