企业微信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");
wx.previewImage({
current: nowurl,
});
};
- 说明:图片点击后,传来id,获取到该id的src,放到wx.previewImage里面的currrnt即可,因为我们点击一个图片就预览一个图片,所以此处不需要http链接列表