juejin-file-uploader

掘金 浏览器端文件上传插件。

安装

npm i -S juejin-file-uploader

使用

初始化

模块化环境

import FileUploader from 'juejin-file-uploader'

const fileUploader = new FileUploader({
  bucket: 'temp'
})

浏览器直引

<script src="path/to/juejin-file-uploader.min.js"></script>

var fileUploader = new JuejinFileUploader({
  bucket: 'temp'
})

单文件

fileUploader.createTask(file).start()
.then(url => {
  console.log(url)
})
.catch(error => {
  console.error(error)
})

多文件

const uploadTaskList = fileList.map(createUploadTask)

Promise.all(uploadTaskList)
.then(resultList => {
  console.log(resultList)
})

function createUploadTask (file) {
  return fileUploader.createTask(file).start()
  .then(url => ({ url }))
  .catch(error => ({ error }))
}

取消上传

const uploadTask = fileUploader.createTask(file)

uploadTask.start()
.then(url => {
  console.log(url)
})
.catch(error => {
  if (error.aborted) {
    console.log('上传已被主动取消', error.reason)
  } else {
    console.error(error)
  }
})

uploadTask.abort('不想上传了')

前置需求

• 支持 Promise