项目中要求图片管理使用阿里云(OSS)。之前公司从没用过这种方式,于是查看了文档,整理记录下操作实现流程。
我的项目是vue的项目,基于element-ui的组件库进行开发,因此,上传图片之类的第一个想到的就是upload上传组件。关于upload组件,不熟悉的可以去看一下element-ui的文档:https://element.eleme.cn/#/zhCN/component/upload#methods
以下upload组件的内容:
<el-upload
class="upload"
:action="form.avatar"
:drag="true"
:multiple="true"
:limit="1"
:http-request="uploadHttp"
:before-upload="beforeAvatarUpload"
:on-remove="handleRemove"
list-type="picture">
<i class="el-icon-plus avatar-uploader-icon"></i>
<div class="el-upload__tip" slot="tip">只能上传jpg/jpeg/png文件