介紹

步驟1：引入必要的API

在script部分，確保引入了uni的相關API，如uni.downloadFile和uni.saveImageToPhotosAlbum。

步驟2：下載圖片到本地

在toInvite函數中，使用uni.downloadFile將圖片下載到本地，并獲取本地路徑。

步驟3：處理權限和保存邏輯

在saveToAlbum函數中，首先檢查用戶是否已經授權保存到相冊。如果已經授權，則直接調用uni.saveImageToPhotosAlbum保存圖片。如果未授權，則引導用戶進行授權。

步驟4：更新模板中的按鈕事件

確保按鈕的@click事件綁定到toInvite函數。

步驟5：測試功能

運行小程序，點擊“保存邀請二維碼”按鈕，測試圖片是否成功下載并保存到相冊。注意處理各種可能的錯誤情況，并給出相應的用戶提示。

代碼

<template><view class="memberBox"><view class="inviCode"><image src="/static/images/index/memberBg.png" mode="aspectFill" class="bgImg"></image><!-- 二維碼 --><view class="qrcode"><image :src="i.image(qrcode)" mode="aspectFill"></image></view><view class="tips">掃碼即可加入</view></view><view class="btn" @click="toInvite">保存邀請二維碼</view>