0
点赞
收藏
分享

微信扫一扫

使用七牛云上传时压缩图片不触发complete

TiaNa_na 2022-04-26 阅读 130
//官方实例
qiniu.compressImage(file, options).then(data => {
  const observable = qiniu.upload(data.dist, key, token, putExtra, config)
  const subscription = observable.subscribe(observer) // 上传开始
})
// 封装好的七牛上传函数
import * as qiniu from 'qiniu-js'

export default (file,type='image',token,domain)=>{
  return new Promise((resolve,reject)=>{
    const options = {quality: 0.92,noCompressIfLarger: true}
    const config = {
      useCdnDomain: true,
      region: qiniu.region.z0,
      chunkSize: 100, 
      forceDirect: true,
    }
    const putExtra = {
      fname: file.name,
      mimeType: [] || null
    };
    let key = new Date().getTime() + Math.random(1000) + file.name;
    const upload = (f)=>{
      let observable = qiniu.upload(f, key, token, putExtra, config);
      observable.subscribe({
        next: () => {},
        error: (err) => {
          console.log(err);
          reject(err)
        },
        complete: (res) => {
          const resFileObj = {
            file_suffix: f.name.replace(/.+\./, ""),
            real_url: `${domain}/${res.key}`,
            cover_url: type=='video' ? `${domain}/${res.key}?vframe/jpg/offset/1` : ''
          }
          resolve(resFileObj)
        }
      })
    }
    // 图片压缩
    if(type=='image'){
      qiniu.compressImage(file, options).then(data=>{
        const blobToFile = (data) => new File(
          [data], file.name, 
          {type: file.type, lastModified: Date.now()}
        )
        upload(data.dist instanceof File ? data.dist : blobToFile(data.dist))
      })
    }else{
      upload(file)
    }
  })
}
举报

相关推荐

0 条评论