前言
最近在做后台管理项目,采用的 vue-element-admin ,上传图片是一个很常用的功能,也遇到了很多问题,刚好趁此机会做一些总结。
初步总结下会提到的问题,目录如下:
- el-upload 自定义上传方法
- 图片上传到七牛云
- 图片压缩后再上传(压缩使用 lrz)
- el-upload 进度条不显示的问题
版本信息:
- element-ui 2.3.4
- vue 2.5.10
提示:
由于每个人做的业务不尽相同,所以文章里的代码只是起一个引导作用,提供一个思路,具体可以根据自己的需求来调整。
正文
上传图片到七牛云
这个需要前后端的配合才能实现,这里 是官方的 JavaScript SDK 参考链接。
在使用 JS-SDK 之前,您必须先注册一个七牛帐号,并登录控制台获取一对有效的
AccessKey
和SecretKey
,您可以阅读