Gc_cos_upload NPM

绿云上传组件

绿云上传组件 -- 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	/