小程序怎么把页面保存成图片

1438
2020/12/22 17:29:25
栏目: 云计算
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

小程序怎么把页面保存成图片

在页面中插入一个button按钮,用户点击后触发wx.saveImageToPhotosAlbum({})函数,从而实现页面保存为图片。

如下:

.wxml部分

<button data-image='{{图片路径}}' bindtap="saveImage" >保存图片</button>

.js部分

saveImage: function (e) {

wx.downloadFile({

url: 服务器Http请求 +图片路径,

success: function (res) {

var imageFilePath = res.tempFilePath;

if (!util.isNull(imageFilePath)) {

wx.saveImageToPhotosAlbum({

filePath: imageFilePath,

success: function (data) {

wx.showToast({

title: "保存成功",

})

}, fail: function (res) {

wx.showToast({

title: "保存失败",

})

}

})

}

},

})

},


辰迅云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读: 微信小程序页面在哪里设置