微信公众号(h5移动端)如何长长按保存图片?

工具:hbuilderX

框架:uniapp

项目:公众号(h5)换装小游戏

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

问题:当时认为这个不是什么问题,因为在uniapp中有uni.saveImageToPhotosAlbum可以将图片保存到系统中。后来项目快结束了,说这个功能很重要,然后才发现微信公众号(h5移动端)如何长长按保存图片?

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

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

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

微信公众号(h5移动端)如何长长按保存图片?

上一篇:微信小程序引入vant Weapp组件


下一篇:GitHub Top 微信小程序