Vue+Element+对象存储 图片上传组件简单封装

环境参考：vue2.6.10, element-ui2.13.2, 阿里云对象存储OSS ali-oss6.16.0

描述

以 Element 组件库中的上传组件的为基础，添加上传进度展示、上传遮罩、上传到对象存储，控制上传数量，大图预览

效果展示

组件代码

NPM包准备

# 安装 Element 组件库
npm i element-ui -S

# 安装阿里云对象存储OSS
npm i ali-oss -S

结构

样式

1. 使用Scss

2. 原生CSS

行为

调用示例