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

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

微信小程序中怎么实现长按图片保存
  • python主要可以做什么
  • Python编程:如何将tkinter内置位图输出到屏幕
  • 初次使用Microsoft Office Visio 2007制图
  • 造梦西游4怎样领取三日福利
  • 如何修改自己访问的(浏览器)ip?摆脱繁琐设置
  • 热门搜索
    奥特曼格斗进化3攻略 减肥药会反弹吗 宣传部简介 怎么增加虚拟内存 怎么样开锁 丝巾搭配 破折号怎么输入 途乐怎么样 陈木胜导演简介 厦门旅游攻略住宿