1 創(chuàng)建項目 我是可視化創(chuàng)建項目的 ，cli創(chuàng)建的項目可以直接使用npm安裝七牛云。
2 拷貝qiniuUploader.js到項目，下面的回復 放了qiniuUploader.js百度云鏈接。
文章來源：http://www.zghlxwxcb.cn/news/detail-584736.html
3 在需要使用qiniuUploader的vue文件 引入。
4 相冊選擇照片，或者拍照后，使用上傳代碼
文章來源地址http://www.zghlxwxcb.cn/news/detail-584736.html
//this.avatarUrl相冊選中的文件 路徑 ， 或者拍照過來的文件路徑
qiniuUploader.upload(this.avatarUrl, (res) => {
console.log('res: ' + res);
}, (error) => {
console.log('error: ' + error);
}, {
region: 'SCN', //服務器區(qū)域號 // ECN, SCN, NCN, NA, ASG，分別對應七牛的：華東，華南，華北，北美，新加坡 5 個區(qū)域
domain: 'rxarlaoh7.hn-bkt.clouddn.com', //七牛云域名 在對象存儲--域名里面有
key: "ss-imgs.png", // 文件名稱 這個名稱是七牛云上的文件名稱?？梢院拖鄡赃x擇的文件名稱不一樣。
uptoken: "WqPk4QRUte=", // 公司后臺服務器接口請求 獲取的。
}, (res) => {
console.log('上傳進度', res.progress)
console.log('已經上傳的數(shù)據(jù)長度', res.totalBytesSent)
console.log('預期需要上傳的數(shù)據(jù)總長度', res
.totalBytesExpectedToSend)
}, (res) => {
// 取消上傳
}, (res) => {
// `before` 上傳前執(zhí)行的操作
}, (err) => {
// `complete` 上傳接受后執(zhí)行的操作(無論成功還是失敗都執(zhí)行)
});
到了這里，關于uniapp 集成七牛云，上傳圖片的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！
