微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

simple-uploader.js

编程之家收集整理的这个编程导航主要介绍了simple-uploader.js编程之家,现在分享给大家,也给大家做个参考。

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

官方网站:

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。