网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

微信小程序中怎么实现长按图片保存

时间:2024-11-14 00:47:22

1、在处理canvas合成图片需要长按保存时,也比较有用,当然相反的还有另一种方法,想保存的图片置底,上层图片或元素设置pointer-events:none。(可以实现长按任何元素弹出和长按图片一样的选项,保存的也是叠底的图片)。

微信小程序中怎么实现长按图片保存

2、解决办法:长按事件是用bindlongpress(不会跟点击事件bindtap冲突),在wxml中添加索引index,然后在js中用currentTarget.dataset.index获取当前元素下标,通过splice方法删除splice(index,1),删除一个当前元素。

微信小程序中怎么实现长按图片保存

3、在wxml中添加 bindlongpress="deleteImage" data-index="{{index}}" 来绑定事件并添加索引index。

微信小程序中怎么实现长按图片保存

4、多张图片循环渲染后预览、保存、识别带参数二维码<view wx:for="{{imgalist}}" wx:for-item="image" class="previewimg"><image src="{{image}}" data-src="{{image}}" bindtap="previewImage"></image>。

微信小程序中怎么实现长按图片保存

5、下面说一下三者的区别:相对路径:小程序项目中相对的文件路径。临时文件路径:从网络上下载或其他形式生成的文件,但是只保存在内存中,没有保存到小程序目录中的文件路径。

微信小程序中怎么实现长按图片保存

6、永久文件路径:小程序项目中文件中的全文件路径。注:相对路径和永久文件路径可能是同一个文件,只是引用的路径名不一样而已(一个是相对的,一个是绝对的)。其中临时文件路径我们可以这样获得来保存文件到相册:

微信小程序中怎么实现长按图片保存
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com