企业微信wx.previewImage接口

功能：页面上点击图片，然后图片放大进行预览（此处是身份证照片）

<div class="weui-cell weui-cell_active weui-cell_readonly"><div class="weui-cell__hd"><label class="weui-label">身份证正面</label></div><div class="weui-cell__bd"><img src="${baseUri}/img?img=idCardFront&id=${id?c}"width="100" height="100" id="idCardFront" onclick="previewImg('idCardFront') "></div>
</div>
<div class="weui-cell weui-cell_active weui-cell_readonly"><div class="weui-cell__hd"><label class="weui-label">身份证反面</label></div><div class="weui-cell__bd"><img src="${baseUri}/img?img=idCardBack&id=${id?c}"width="100" height="100" id="idCardBack" onclick="previewImg('idCardBack')"></div>
</div>

说明:baseUri是后端传过来的https,bizId是传过来的id
图片上面添加一个点击事件，当我们点击图片的时候，触发点击事件，将id传到点击事件

 function previewImg(imgId) {var nowurl = $("#" + imgId).attr("src");// console.log(nowurl);wx.previewImage({current: nowurl,  // 当前显示图片的http链接// urls: imgsurl  // 需要预览的图片http链接列表});};

说明：图片点击后，传来id，获取到该id的src，放到wx.previewImage里面的currrnt即可，因为我们点击一个图片就预览一个图片，所以此处不需要http链接列表

企业微信预览图片的接口使用wx.previewImage相关推荐

移动端查看预览图片放大缩小
方法一之前介绍过一款移动端vue适用的插件大全 https://blog.csdn.net/MtangEr/article/details/85339092 里边有一篇是查看图片放大缩小的 htt ...
Taro框架中 Image 和 Video 组件预览图片/视频时添加明显的关闭按钮以关闭全屏预览
需求 Taro框架中 Image 和 Video 组件预览图片/视频时添加明显的关闭按钮以关闭全屏观看,避免用户直接操作返回后导致页面空白(原有消息记录消失 - 重新进入项目首页) [补充] 全屏 ...
php拍照从手机相册中选择,微信js-sdk预览图片接口及从拍照或手机相册中选图接口用法示例...
本文实例讲述了微信js-sdk预览图片接口及从拍照或手机相册中选图接口用法.分享给大家供大家参考,具体如下: 目前中js-sdk 1.0版本中,预览图片提供了2个接口,接口的定义参考官方文档 1.预览 ...
imagepreview使用案例_微信小程序wx.previewImage预览图片实例详解
一.小知识二.例子 1.wxml 2.wxss .container { box-sizing:border-box; padding:20px; } .previewimg{ float:left ...
微信页面通过LocalID预览图片,getlocallmgdata
微信使用chooseImage api返回的localld以如:"img src=wxLocalResource://imageid987654321123456789"的方式 ...
微信公众平台上传和预览图片
1.在index.html中引入js文件:http://res.wx.qq.com/open/js/jweixin-1.6.0.js 2.通过config接口注入权限验证配置,进行微信认证: wx.c ...
小红书图片剪裁框架+微信图片选择器+超高清大图预览+图片自定义比例剪裁，支持 UI 自定义、支持跨进程回调
YImagePicker 项目地址:yangpeixing/YImagePicker 简介: 小红书图片剪裁框架+微信图片选择器+超高清大图预览+图片自定义比例剪裁,支持 UI 自定义.支持跨进程回调 ...
微信小程序实现发布新闻（上传图片、拷贝图片到服务器上面、预览图片）
我的qq 2038373094 我做的是微信小程序.网站.手机app,后端java+前端vue.bootstrap框架.原生的html+css+js都会做过律师在线咨询系统.共享农场手机app.在线 ...
微信小程序上传图片、长按删除及预览图片
也是电商里做的上传评论图片之类的,如果用根据我文章中需要改的改一下就可以用了首先是wxml <view class="conts"><view class=&q ...

企业微信预览图片的接口使用wx.previewImage

企业微信wx.previewImage接口

企业微信预览图片的接口使用wx.previewImage相关推荐

最新文章

热门文章