simple-uploader.js 介绍
simple-uploader.js(也称 Uploader) 是 一个 上传 库, 支持 多并发 上传 , 文件 夹、拖拽、可暂停继续、秒传、分块 上传 、出错 自动 重传、手工重传、进度、剩余时间、 上传 速度等特性;该 上传 库依赖 html5 File API。由于是分块 上传 ,所以依赖 文件 的分块 API,所以受限于此浏览器 支持 程度为:Firefox 4+,Chrome 11+,Safari 6+ and Internet Explorer 10+。
安装
npm install simple-uploader.js
使用
创建 一个 Uploader 实例:
var uploader = new Uploader({
target: '/api/photo/redeem-upload-token',
query: { upload_token: 'my_token' }
})
// 如果 不支持 需要降级的地方
if (!uploader.support) location.href = '/some-old-crappy-uploader'
如果想要选择 文件 或者拖拽 文件 的话,你可以通过如下两个 API 来指定哪些 DOM 节点:
uploader.assign bro wse(document.getElementById(' bro wseButton'))
uploader.assignDrop(document.getElementById('dropTarget'))
实例化后你还可以选择监听一些事件:
// 文件 添加 单个 文件
uploader.on('fileAdded',function (file,event) {
console.log(file,event)
})
// 单个 文件 上传 成功
uploader.on('fileSuccess',function (rootFile,file,message) {
console.log(rootFile,message)
})
// 根下的单个 文件 ( 文件 夹) 上传 完成
uploader.on('fileComplete',function (rootFile) {
console.log(rootFile)
})
// 某个 文件 上传 失败了
uploader.on('fileError',message)
})
GitHub: https://github.com/simple-uploader/Uploader
网站描述: 一个 Js 上传 库
simple-uploader.js官方网站
官方网站:
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。
查看更多关于simple-uploader.js的详细内容...