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

企业微信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链接列表