Ⅰ Vue 上传图片到七牛云实用攻略
vue 一般采用element 的upload 上传图片/文件。
首先，设定参数
参考Element upload 文档
其次，如图所示，重点在于domain和qiniuaddr两个参数！ 参考 七牛云存储图片域名文档
然后 上传一定要先获取到七牛云token！我是采用axios post获取。
接着，把返回的 file.name赋值给 key
this.QiNiuYun.key = `name_${file.name}`;
如图 上传成功/错误处理 函数
大功告成！
补充：
1. this.uploadImageUrl 这个变量实际上是 图片真正的URL-----https地址！！！
2. 该方法是针对单图上传，如果想多图 将data 内的参数 limit：1 修改为需要的图片数量 ！！！
3. 注意！当后台需要你传递多张图片的url时，可采用 此方法！！！
//拼接 url
if(this.uploadImageList===''){
this.uploadImageList= this.uploadImageUrl;
}else{
this.uploadImageList=this.uploadImageList+';'+ this.uploadImageUrl;
}
Ⅱ vue + elementui upload上传图片到服务器以及保存后回显问题
前言：
关于vue和elementui安装导入使用不做介绍
1.template中首先展示upload多张图片上传
2.当upload组件发生改变时处罚addFile
3.图片提交到服务器，拿到服务器的数据地址
3.显示图片 将拿到的数据放进一个数组中显示到file-list中去就好了
至此，完结。
有不对的地方欢迎指导哦。
Ⅲ vue上传文件到后台
accept：接受上传的文件类型
file-list：上传的文件列表
action：必选参数，上传的地址
data：上传时附带的额外参数，要求传入一个对象
before-upload：上传文件之前的钩子，参数为上传的文件，若返回 false 或者返回 Promise 且被 reject，则停止上传
on-exceed：文件超出个数限制禅橡时的钩子
on-success：文件上传成功时的钩子
show-file-list：是否显示已上传文件列表
multiple：是否支贺仔旁持多选文件
limit：最大允许上传个数
本文只作为个戚棚人学习记录......
Ⅳ vue点击上传图片，vue上传oss，vue-cropper图片裁剪功能
很多刚入门的小伙伴上传图片都会使用现成的框架，然后根据框架提供的api进行上传，感觉这样是最简单的，其实上传图片是一个很简单的功能，
1.将input的设为透明然后定位到按钮上面，通过点击实现上传
2.点击按钮，通过处发input的点击事件后处发change，达到唤起上传图片的效果
先通过npm安装oss依赖
oss官方文档
1.前端拿到 accessKeyId，accessKeySecret直接上传oss
这种用法会直接暴露id及secret，相当于把自己家门的钥匙告诉别人，不推荐使用
2.通过后台转换，拿到对应的参数，进行上传
图片裁剪的插件，先通过npm安装依赖
vue-cropper 高版本解决在ios上图片拍照旋转问题
父组件
子组件，在项目components文件中新建一个cropper文件，在父组件中引入