微信小程序长按图片保存至相册

最新推荐文章于 2024-08-24 10:59:11 发布

柠檬不萌只是酸i

最新推荐文章于 2024-08-24 10:59:11 发布

阅读量1.3k

点赞数

分类专栏：微信小程序文章标签：长按图片保存到相册微信小程序长按保存图片

本文链接：https://blog.csdn.net/Miss_liangrm/article/details/103792517

版权

本文介绍了微信小程序中如何实现长按图片后弹出授权提示，用户授权后点击保存到相册的功能。通过提供的代码示例展示了wxml和JS的实现细节。

摘要由CSDN通过智能技术生成

效果图：

描述：

「长按图片」，是否授权保存图片or视频到相册，「授权成功」，点击「保存到相册」即可完成。

代码：

wxml

<image src="{
  {imgSrc}}" data-url="{
  {imgSrc}}" bindlongpress="saveImage"></image>

Page({
  data: {
    imgSrc: 'http://img4.99114.com/group3/M00/4F/0F/rBADvVtEac-AAohzAAMH5HgHPZY230.jpg',
  },
  // 长按保存
  saveImage(e) {
    let that = this
    wx.showActionSheet({
      itemList: ['保存到相册'],
      success(res) {
        let url = e.currentTarget.dataset.url;
        wx