Ⅰ 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文件，在父組件中引入