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

微信小程序开发交流qq群 581478349

承接微信小程序开发。扫码加微信。

正文：

先上效果图，再附上完整源码：

1.多张图片循环渲染后预览、保存、识别带参数二维码

<view wx:for="{{imgalist}}" class="previewimg"><image src="{{item}}" data-src="{{item}}" bindtap="previewImage"></image>
</view>

Page({data: {imgalist['https://avatar.csdn.net/4/6/5/2_qq_35713752.jpg','http://sz800800.cn/video/test.png'],},previewImage: function (e) {var current = e.target.dataset.src;  wx.previewImage({  current: current, // 当前显示图片的http链接 urls: this.data.imgalist // 需要预览的图片http链接列表 })},
})

2.单张图片预览、保存、识别带参数二维码

<!--pages/dis_dil/dis_d5.wxml-->
<text class='search_no'>点击可保存及分享二维码</text>
<view class='view_img' >
<image class='img' bindtap="previewImage" src='{{scene}}'></image></view>

// pages/dis_dil/dis_d5.js
var app = getApp();
Page({data: {scene: ''},onLoad: function (options) {var that = thisvar scene_img = '' //这里添加图片的地址that.setData({scene: scene_img})},previewImage: function (e) {wx.previewImage({urls: this.data.scene.split(',')// 需要预览的图片http链接  使用split把字符串转数组。不然会报错})}
})

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

微信小程序使用本地图片在真机预览不显示的问题解决
开发工具上本地图片可以显示,但是在真机上预览的时候不能显示通常我们代码路径是代码是这样写的 <view class="logo"><image src=&quo ...
实例：用C#.NET手把手教你做微信公众号开发（12）--带参数二维码裂变推广
为什么能裂变推广是营销学和心理学的范畴了,这里举个简单的例子来介绍.公众号有足以吸引粉丝的地方,要么是知识.要么是优惠.要么是服务,反正不同于其他人,能够吸引人关注:有了这个前提,怎么让更多的人知道这 ...
微信公众号扫描带参数二维码实现自动分组
学习交流: CSDN资源下载地址:https://download.csdn.net/download/naruto668/10624558 之前的几个老客户找到我最近要做一个微信公众号生成带参数海报 ...
初学者笔记——微信小程序点击图片放大
微信小程序点击图片放大 wx.previewImage 官方文档的解释 PS:红色框框内要注意,需要预览的图片连接列表只支持网络连接图片,2.2.3版本以上支持云文件ID. 将图片dream.jpg上 ...
关于微信小程序开发环境苹果IOS真机预览报SSL协议错误问题解决方案
关于微信小程序开发环境苹果IOS真机预览报SSL协议错误问题解决方案参考文章: (1)关于微信小程序开发环境苹果IOS真机预览报SSL协议错误问题解决方案 (2)https://www.cnblog ...
微信小程序saveFile，openDocument方法下载、预览pdf文件不能用本地应用打开（不能另存为）的问题
微信小程序saveFile,openDocument方法下载.预览pdf文件不能用本地应用打开(不能另存为)的问题查看官方文档的openDocument()方法,发现加一个showMenu: tru ...
小程序二维码生成器，带参数二维码生成
小程序带参数二维码生成器,通过输入页面地址和参数,HotApp小程序统计的小程序带参数二维码,可以免费生成.同时具备管理带参数二维码功能. weixin.hotapp.cn
钉钉小程序 E应用生成带参数二维码或链接
E应用生成预览调试及生产带参数二维码或链接点击预览生成二维码,点击下方的查看构建日志,会弹出一个log框,等生产完毕后,找到里面的query和data字段,把他们拼起来,组成类似如下的URL: di ...
微信开发——带参数二维码的使用
最近做微信PC端网页微信相关功能的开发,从一个新手的角度来说,微信公众号的文档还是不好理解的,网上找的帖子大都也都基本上是复制微信公众平台上给的文档,开发微信带参数二维码过程中还是遇到不少坑的,在此把 ...

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

承接微信小程序开发。扫码加微信。

正文：

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

最新文章

热门文章