@efox/upload-file

efox上传文件插件

支持所有类型的文件上传到腾讯云，上传完成上报文件MD5、类型、URL、项目名称、用户uid

安装

yarn add @efox/upload-file

全局注册

import efoxUploadFile from '@efox/upload-file'

Vue.use(efoxUploadFile, {
  env: '',
  uid: '',
  projectName: '',
  serverOrigin: '',
  defaultName: false,
  copy: true
})

参数	type	默认值	说明
evn	String	production	环境 'production', 'development'
uid	String	''	用户uid
projectName	String	''	项目名称，会拼接到文件path上面，上传会验证 uid 是否有 projectName 权限，没有权限上传会失败
serverOrigin	String	https://static.moschat.com	显示上传完成文件地址 origin
defaultName	Boolean	false	上传时文件名输入框默认使用的名称，false 使用 uuid 生成文件名，true 使用源文件名
copy	Boolean	false	上传完成是否显示复制链接按钮

局部注册

import { EfoxUploadFile } from '@efox/upload-file'

export default {
  components: {
    EfoxUploadFile
  }
}

设置默认值

import { setConfig } from '@efox/upload-file'
setConfig({
  env: '',
  uid: '',
  projectName: '',
  serverOrigin: '',
  defaultName: true,
  copy: false
})

使用组件

<efox-upload-file
  projectName="moschat"
  uid="1001"
  serverOrigin="https://www.moschat.com"
  :defaultName="true"
  :copy="true"
  @success=onSuccess
></efox-upload-file>

文件上传完成回调 $emit('success')，参数结构如下

const payload = {
  cloudData: {
    ETag: "\"7259c10192786138b99fddc6a5c964f7\"",
    Location: "dianhu-1253537286.cos.eu-moscow.myqcloud.com/efoxfile/moschat/dota2skin_2.mp4",
    headers: {
      etag: "\"7259c10192786138b99fddc6a5c964f7\""
    },
    statusCode: 200
  },
  fileName: "/efoxfile/moschat/dota2skin_2.mp4"
  md5: "7259c10192786138b99fddc6a5c964f7"
  size: 1444852
  originUrl: "https://dianhu-1253537286.cos.eu-moscow.myqcloud.com/efoxfile/moschat/dota2skin_2.mp4" // 腾讯云源地址
  url: "https://static.moschat.com/efoxfile/moschat/dota2skin_2.mp4"
}