0.2.11 • Published 5 years ago
@efox/upload-file v0.2.11
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"
}