前端上传文件到金山云存储

最新推荐文章于 2024-09-06 21:44:35 发布

小黑ii

最新推荐文章于 2024-09-06 21:44:35 发布

阅读量1.1k

点赞数 1

分类专栏： javascript 文章标签：云存储

本文链接：https://blog.csdn.net/qq_35844177/article/details/107684458

版权

javascript 专栏收录该内容

19 篇文章

订阅专栏

之前公司文件都是用的腾讯云或阿里云的对象存储，现在有个项目甲方要使用金山云存储。在网上找了一下，暂时没有踩坑文章，现记录总结一下。

目前在项目中使用POST Object的方式上传，相关文档参考：对象存储(KS3)POST Object-金山云

获取签名

import request from '@/utils/request'

export default class CommonServer{
  // 获取金山云上传签名
  static getKsOssSign () {
    return request({
      url: '/common/ks_oss_sign/',
      method: 'post'
    })
  }
}

封装方法

import axios from 'axios'
import moment from 'moment'

export const OSS_URL = 'https://ks3-cn-beijing.ksyun.com/xxxx' // 金山云上传域名

// 文件扩展名提取
export const fileType = fileName => fileName.substring(fileName.lastIndexOf('.') + 1)

/**
 * oss路径定义
 * @param file
 */
export const ossPath = file => {
  const folder = moment().format('YYYY-MM-DD')
  if (file.name) {
    return `admin/upload/${folder}/${fileType(file.name)}/${file.name}`
  }
}

/**
 * 金山云上传
 * @returns {Promise<unknown>}
 */
export const ksOssUpload=file=>{
  return new Promise((resolve, reject) => {
    CommonServer.getKsOssSign().then(res => {
      const { accessid, policy, signature } = res
      const formData = new FormData()
      const key = ossPath(file)
      formData.append('acl', 'public-read')
      formData.append('key', key)
      formData.append('signature', signature)
      formData.append('KSSAccessKeyId', accessid)
      formData.append('policy', policy)
      formData.append('file', file)
      axios.post(OSS_URL, formData).then(res => {
        const { status } = res
        if (status === 200) {
          const data = {
            url: `${OSS_URL}/${key}`,
            type: fileType(file.name)
          }
          resolve(data)
        } else {
          reject(res)
        }
      }).catch(err => {
        reject(err)
      })
    }).catch(err => {})
  })
}