微信公众号（h5移动端）如何长长按保存图片？

Posted 2020-11-25 poyfx

工具：hbuilderX

框架：uniapp

项目：公众号（h5）换装小游戏

项目描述：用户通过微信登录公众号简介，然后根据自己的喜爱选择人物头部（脸部表情、帽子）、身体（衣服）、配饰。然后生成海报。用户可通过长按图片将生成的海报保存到自己的手机中。

问题：当时认为这个不是什么问题，因为在uniapp中有uni.saveImageToPhotosAlbum可以将图片保存到系统中。后来项目快结束了，说这个功能很重要，然后才发现

不支持h5，这时候，还不是很急，因为在plus还有保存图片的方法plus.downloader.createDownload，但是这个我用着还是有问题，1.因为当前页面有许多图片。而需要保存的图片是后台返回的链接地址，不知道为什么使用这个方法就是不行图片也没法保存，也没有提示，保存的却是页面中另外一张图片，由于临近上线，这个问题没有进行细究。在一种就是a链接打开图片。但是这种方法虽然打开了图片也可以保存，但是，保存完图片后再次进入公众号的时候用户需要重新登录，这样用户体验不好，所以pass掉了。

然后再去百度上找找，通过不懈努力，通过别人的一点提示使用z-index就可以完美解决。由于需要保存的图片是背景图（在背景图上还有两张图片），通过touchStart  提高需要保存图片的z-index 。其实就这么简单。

具体情况需要根据实际情况去看。