微信小程序长按保存图片

最新推荐文章于 2024-08-24 10:59:11 发布

NI_computer

最新推荐文章于 2024-08-24 10:59:11 发布

阅读量248

点赞数

文章标签：小程序

本文链接：https://blog.csdn.net/NI_computer/article/details/115327874

版权

本文介绍了如何在微信小程序中实现长按保存图片的功能，主要涉及的API包括wx.getSetting、wx.authorize、wx.getImageInfo和wx.saveImageToPhotosAlbum。通过在wxml中设置图片src并结合JS代码，用户可以顺利长按保存图片。

摘要由CSDN通过智能技术生成

所用api

wx.getSetting
wx.authorize
wx.getImageInfo
wx.saveImageToPhotosAlbum

wx.wxml src写你的图片地址，本地或者网络都可以

<!--pages/save/save.wxml-->
<image src="/asset/u=1709216491,2536617744&fm=26&gp=0.png"  data-url="/asset/u=1709216491,2536617744&fm=26&gp=0.png" bindlongpress="saveImage"></image>
<text>长按保存</text>

// 长按保存授权
  saveImage(e

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

NI_computer

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

微信小程序 长按图片不出现菜单_小程序-长按保存图片

weixin_32224617的博客

01-14

1710

微信浏览器打开h5页面如果是img标签的话，长按会弹出保存图片的选项。但是微信小程序里面不可以。需要自己写这个功能。这个功能有两个点，一个是长按，一个是保存图片到本地。1,、微信小程序提供了长按的事件，叫bindlongpress2、微信小程序同样提供了保存图片的接口，是wx.saveImageToPhotosAlbum()弄清楚了，我们可以开始做这个功能了，首先写wxml然后就是js代码了Pag...

小程序实现长按保存图片的方法

10-15

主要介绍了小程序实现长按保存图片的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

参与评论您还未登录，请先登录后发表或查看评论

今日分享——小程序中图片长按识别二维码功能

2201_75842578的博客

07-13

358

产品今日提了个需求需要实现小程序配置获取公众号通知告警，这时候就需要让用户先关注公众号后才能配置通知消息，为了方便就想要实现在微信小程序里放一个公众号的二维码让用户长按图片进行跳转公众号并关注。其实很简单，就是image标签有个原生属性。

微信小程序保存图片（长按保存and点击保存）

热门推荐

07-02

1万+

一、长按图片保存只需要image标签给上‘ show-menu-by-longpress=‘1’’属性，就可以实现长按保存功能及长按识别图片中小程序二维码，特别方便 <image src="1.png" show-menu-by-longpress='1'></image> 二、点击按钮保存图片至相册如果调取用户授权访问相册，在用户拒绝后，安卓会出现无法再继续保存的问题，这边给出苹果和安卓都适用的方法，代码如下： <button bindtap="savePoster"&

小程序长按保存图片

lll19960406的博客

03-06

300

小程序长按图片弹出菜单保存图片 <image show-menu-by-longpress="true" class="codes" src='/static/img/code.png' mode="aspectFill"></image> 　　添加以上属性，既可以长按图片保存图片 ...

微信小程序中长按保存图片（https/本地）的三种方式

lindali1115的博客

12-02

6819

微信小程序长按二维码的方式方法一，图片放在云上或者是https开头的 //保存图片 savePic:function(e){ let that = this; let src = e.currentTarget.dataset.src; wx.showModal({ title: '提示', content: '确定保存二维码？', ...

微信小程序长按图片保存至相册

柠檬不萌只是酸i

01-01

1375

效果图：描述：「长按图片」，是否授权保存图片or视频到相册，「授权成功」，点击「保存到相册」即可完成。代码： wxml <image src="{{imgSrc}}" data-url="{{imgSrc}}" bindlongpress="saveImage"></image> js Page({ data: { imgSrc: ...

微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能

10-16

本文将详细讲解如何在微信小程序中实现图片的长按预览、保存、识别带参数二维码、转发等功能。首先，我们来看看在页面中循环渲染多张图片，并实现点击长按预览的代码示例。在这个例子中，使用了`<view>`标签配合`...

微信小程序Demo-妹纸图：API，打开图片，长按保存图片-附完整源代码.rar

03-20

微信小程序Demo-妹纸图：API，打开图片，长按保存图片-附完整源代码.rar 资源介绍本资源是一个基于微信小程序的妹纸图Demo，提供了API接口获取妹纸图片、打开图片和长按保存图片功能。开发者可以根据需要对项目...

长按保存图片

02-29

长按屏幕上的图片，图片保存在特定的路径下

微信小程序如何写一个长按保存图片的功能

最新发布

ggq53219的博客

08-24

371

在微信小程序中实现长按保存图片的功能，通常可以通过监听图片的longpress（长按）事件来实现。当用户长按图片时，触发一个函数来执行保存图片的逻辑。不过，需要注意的是，微信小程序本身并不直接提供保存图片到用户相册的API，但你可以通过生成图片临时文件，并使用微信的接口来实现这一功能。

微信小程序 长按保存图片

weixin_30800987的博客

08-21

726

小程序没找到长按识别二维码的功能，只能用这种先保存图片，再去扫一扫的形式。 <image src="../../assets/images/list0.png" bindtouchstart='timestart' bindtouchend='timeend' bindtap='saveImg'></image> <view>...

[开发]小程序 长按保存图片

yyqx1994的博客

05-26

893

首先，我们了解一下功能需求详情页：点击图片，实现预览功能在图片预览时，长按图片，下方弹出弹框，选项为【保存】，【取消】点击保存，保存图片 调起微信弹框wx.showActionSheet 看一下官方文档，注意传参类型。页面中全屏预览图片wx.previewImage 第一步点击图片，实现预览功能。我想到的是使用微信提供的图片预览工具 wx.previewImage（但是没有使用这个方法，理由往下看。）看官方文档，应该是可以实现这个功能的。但是我不知道这个长按的方法要在哪里触发……这就很

微信小程序长按保存代码

03-31

长按保存图片： ```html <image src="https://example.com/image.jpg" bindlongtap="saveImage"></image> ``` ```javascript saveImage: function (e) { wx.showActionSheet({ itemList: ['保存图片'], success...