直播商城系統原始碼，點選按鈕 儲存頁面為圖片到本地

直播商城系統原始碼，點選按鈕 儲存頁面為圖片到本地

首先寫一個按鈕 建立事件

<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);
},

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