app直播原始碼,uniapp點選按鈕 儲存頁面為圖片到本地

zhibo系統開發發表於2023-04-11

app直播原始碼,uniapp點選按鈕 儲存頁面為圖片到本地

首先寫一個按鈕 建立事件

<button class="info" @click="capture()">點選儲存我哦~</button>

 

然後把點選事件寫上

capture() {
var pages = getCurrentPages(); //獲取當前頁面資訊
var page = pages[pages.length - 1];
var bitmap = null;
var currentWebview = page.$getAppWebview();
bitmap = new plus.nativeObj.Bitmap('amway_img');
// 將webview內容繪製到Bitmap物件中
currentWebview.draw(bitmap, function() {
// console.log('截圖繪製圖片成功');
//這裡我將檔名用四位隨機數拼接了,不然會出現當前圖片替換上一張圖片只能儲存一張圖片的問題
let rand = Math.floor(Math.random() * 10000)
let saveUrl = '_doc/' + rand + 'a.jpg'
bitmap.save(saveUrl, {}, function(i) {
// console.log('儲存圖片成功:' + JSON.stringify(i));
uni.saveImageToPhotosAlbum({
filePath: i.target,
success: function() {
// bitmap.clear(); //銷燬Bitmap圖片
uni.showToast({
title: '儲存圖片成功',
mask: false,
duration: 1500
});
}
});
}, function(e) {
console.log('儲存圖片失敗:' + JSON.stringify(e));
});
}, function(e) {
console.log('截圖繪製圖片失敗:' + JSON.stringify(e));
});
//currentWebview.append(amway_bit);
},


這樣就可以了 可以看一下 本地相簿了

 以上就是 app直播原始碼,uniapp點選按鈕 儲存頁面為圖片到本地,更多內容歡迎關注之後的文章


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2944958/,如需轉載,請註明出處,否則將追究法律責任。

相關文章