通过 WebView 方式嵌套在小程序中的页面，保存图片到相册的功能需要借助 WebView 的内部通信机制。以下是实现步骤： 1. 小程序端，给 WebView 组件添加一个监听事件，以便接收来自 WebView 页面的消息： ```html
<web-view src="your-website.com domain name is for sale. Inquire now." bindmessage="handleMessage"></web-view>
``` 2. 在小程序的 js 文件中，定义一个 handleMessage 方法，用于接收 WebView 页面发送的消息：
```javascript
Page({ handleMessage: function (e) {
const message = e.detail.data; // 判断消息类型
if (message.type === 'saveImage') {
const imageUrl = message.imageUrl; // WebView 页面传递的图片链接
// 调用小程序的保存图片接口
wx.downloadFile({
url: imageUrl,
success: function (res) {
const tempFilePath = res.tempFilePath; // 下载后的临时文件路径 wx.saveImageToPhotosAlbum({
filePath: tempFilePath,
success: function () {
wx.showToast({ title: '保存成功', icon: 'success', duration: 2000 });
},
fail: function () {
wx.showToast({ title: '保存失败', icon: 'none', duration: 2000 });
}
}); },
fail: function () {
wx.showToast({ title: '下载图片失败', icon: 'none', duration: 2000 });
} });
} } });
``` 3. WebView 页面的 js 中，触发保存图片的操作，并发送消息给小程序：
```javascript
// 触发保存图片的操作
function saveImage() { // 假设图片链接为 imageUrl
const imageUrl = 'https://example.com/image.jpg'; // 向小程序发送消息 wx.miniProgram.postMessage({ data: { type: 'saveImage', imageUrl: imageUrl } }); }
``` 注意，以上代码中的 `your-website.com domain name is for sale. Inquire now.` 和 `https://example.com/image.jpg` 需要替换为实际的 WebView 页面链接和图片链接。 通过在 WebView 页面中触发保存图片的操作，并通过内部通信机制将图片链接传递给小程序，再在小程序中调用保存图片的接口，就可以实现在 WebView 页面中保存图片到相册的功能。
