小程序入坑24期：保存相册三步法

摘要：在微信小程序应用中，用户通过长按图片并保存至相册的操作，通常用于分享海报内容。查阅了微信小程序的官方开发文档后，发现实现该功能共有三种不同的技术路径……

大纲

• • 一、撰写本文的动机是什么？

    • 二、三种实现方式，可根据需求灵活选用

    • • 2.1、方式一：image + show-menu-by-longpress
      • • 2.1.1、兼容性问题的应对策略

    • 2.1.2、通过wx.getSystemInfo获取设备系统参数

    • 2.1.3、wx.canIUse功能的引入与应用

      • 2.2、方式二：使用wx.previewImage方法
      • 2.3、方式三：结合longpress事件与wx.saveImageToPhotosAlbum及scope.writePhotosAlbum权限

    • 三、对三种实现方式进行归纳总结

    • 四、示例代码与实现源码

    • 五、补充说明及其他相关内容

一、为什么要写这篇文章？

事实上，撰写本文的初衷在于补充此前几篇与海报生成相关的文章内容，毕竟先前已详细探讨了诸多关于分享海报时可能遇到的问题。在解决完生成海报的相关难点之后，保存操作自然成为不可或缺的一环。此前的文章中提及了两种保存方式：*点击“保存海报”按钮以及长按图片