我是靠谱客的博主 任性牛排,最近开发中收集的这篇文章主要介绍html5 file api 续传,resumable.js —— 基于 HTML 5 File API 的文件上传组件 支持续传,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

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

bVceYI

使用方法

创建一个新的 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){

...

});

项目主页

最后

以上就是任性牛排为你收集整理的html5 file api 续传,resumable.js —— 基于 HTML 5 File API 的文件上传组件 支持续传的全部内容,希望文章能够帮你解决html5 file api 续传,resumable.js —— 基于 HTML 5 File API 的文件上传组件 支持续传所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(47)

评论列表共有 0 条评论

立即
投稿
返回
顶部