0000-Vue上传通过“服务端签名后直传”上传文件到阿里云

最新推荐文章于 2025-03-24 17:25:50 发布

福生无量

最新推荐文章于 2025-03-24 17:25:50 发布

阅读量2.4k

点赞数

分类专栏： Vue

本文链接：https://blog.youkuaiyun.com/zhaojianrun/article/details/84647865

版权

一、功能定义

import { $apis } from '../../apis'
import axios from '../../http'
import uuid from 'uuid'
export default {
  state: {},
  getters: {},
  mutations: {},
  actions: {
    getAllOss({commit }) { // 获取服务端传递过来的阿里oss签名
      return new Promise((resolve, reject) => {
        $apis.getSignatureInfo()//此处为封装的获取服务端相关参数的方法
          .then((res) => {
            resolve(res)
          })
          .catch((err) => {
            reject(err)
          })
      })
    },
    setParams ({commit}, params) { // 设置请求参数
      let formData = new FormData()

      let filename = `${uuid.v4()}.${params.file.type.split('/')[1]}`
      // 文件名字，可设置路径
      formData.append('key', `${params.dir}${filename}`)
      // policy规定了请求的表单域的合法性
      formData.append('policy', params.policy)
      // Bucket 拥有者的Access Key Id
      formData.append('OSSAcce