绿云上传组件

绿云上传组件 -- vue2

支持图片、视频和文件上传

安装

npm install --save gc_cos_upload

使用

<template>
  <CosUpload
    :max="2"
    :disabled="disabled"
    fileType="IMAGE"
    v-model="images"
  ></CosUpload>
</template>

<script>
import Vue from "vue";
import gc_cos_upload from "gc_cos_upload";
Vue.use(gc_cos_upload);
export default {
  name: "HomeView",
  data() {
    return {
      disabled: false,
      images: ""
    };
  }
};
</script>

通用属性

| 属性 | 说明 | 类型 | 默认值 | | :-------: | :-------------------------------: | :--------------------: | :----: | | value | 绑定的值，可使用 v-model 双向绑定,采用;分隔 | String | "" | | fileType | 类型: 图片、视频、文件(IMAGE/VIDEO/OTHER ) | String | IMAGE | | token | 传入的token值 | String/Object/function | / | | point | 点位数据,详见下方说明 | Object | {system: "UC", page: "USER",position: "Avatar",bizRelObject: "用户", bizRelObjectId: "user111" } | | max | 最大上传数量 | Number | / |

point

| 属性 | 说明 | 类型 | 默认值 | | :-------: | :------------: | :----: | :----: | | system | 业务模块 | String | / | | page | 业务子模块 | String | / | | position | 当前位置 | String | / | | bizRelObject | 业务关联对象 | String | / | | bizRelObjectId | 业务关联对象ID | String | / |

图片上传

| 属性 | 说明 | 类型 | 默认值 | | :-------: | :-------------------------------: | :--------------------: | :----: | | linkVisible | 是否显示修改链接 | Object | true | | tupiankuVisible | 是否显示图片库 | Object | true | | disabled | 是否禁用图片库 | Boolean | false | | 其他属性 | 图片上传原有配置 | Object | / |

视频上传

| 属性 | 说明 | 类型 | 默认值 | | :-------: | :-------------------------------: | :--------------------: | :----: | | 通用属性 | 通用属性 | Object | / |

文件上传

| 属性 | 说明 | 类型 | 默认值 | | :-------: | :-------------------------------: | :--------------------: | :----: | | 通用属性 | 通用属性 | Object | / |