七牛云图片上传功能总结,分片上传实现

2018.12.08 22:26 阅读 239 评论 0

最近一个星期都在研究图片上传功能。
周一到周五时间不是太多,如果晚上有空的话,会研究一下。
昨天周五,晚上抽出了几个小时彻底的看了一下,实现了基本的图片上传功能。
但又发现了新问题,图片上传前需要压缩一下。趁今天周六,把图片上传前的处理写了一下。
一开始用的是七牛云的表单提交,但是发现图片上传前无法进行处理,然后又改用七牛云的分片上传功能。 利用官方提供的qiniu-js进行上传。
以下为简单封装的例子。

import * as qiniu from 'qiniu-js'

export default (file, fileName, token) => {
  return new Promise((resolve, reject) => {
    const observable = qiniu.upload(file, fileName, token)
    const observer = {
      complete(res) {
        resolve(res)
      }
    }
    observable.subscribe(observer)
  })
}

调用的时候,只需引入上面的模块,传入参数即可

// file 传入的文件 | fileName 文件名 | token 后台生成的七牛token
const res = await qiniu(file, fileName, upToken)

实现了七牛云分片上传,其中上传前对图片的处理,会另外开一篇文章。
好了,晚安!

0 条评论
发布