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.assignBrowse(document.getElementById('browseButton'))
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全部内容。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。