成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

微信JSSDK 預覽圖片接口 開發(fā)

CarlBenjamin / 1449人閱讀

摘要:應用場景在微信公眾號開發(fā)圖片預覽功能,例如多張產品圖片瀏覽,微信已經提供了預覽圖片接口。實現(xiàn)代碼加載微信這行代碼,引入了第三方微信,也可以具體參考微信手冊配置。綁定圖片點擊事件當前顯示圖片的鏈接需要預覽的圖片鏈接列表

應用場景

在微信公眾號開發(fā) 圖片預覽功能,例如 多張產品圖片瀏覽 ,微信JSSDK 已經提供了 預覽圖片接口。效果圖如下:

點擊上面圖片,彈出以下(這兩張圖,只是類似示例)

方案思路
wx.previewImage({
    current: "", // 當前顯示圖片的http鏈接
    urls: [] // 需要預覽的圖片http鏈接列表
});

根據以上微信提供的 預覽圖片接口,給需要預覽的圖片綁定點擊事件,獲取當前點擊圖片的 src 地址傳到 接口的current參數,獲取所有需要預覽圖片元素,循環(huán)遍歷,把每一個圖片元素 src地址 存儲到數組,并傳到接口的 urls 參數。

實現(xiàn)代碼
    //加載微信JSSDK
    
    
     //這行代碼,引入了第三方微信SDK,也可以具體參考微信手冊配置。
     wx.config(config(array("previewImage"), false,false,true)  ?>);
        
     $(".imglist").click(function(event) {//綁定圖片點擊事件
            
            var thisimg=$(this).attr("src");
            var imglist=$(".imglist");
            var srcs=new Array();
            for (var i =0; i            
               
                                           
                       
                 

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉載請注明本文地址:http://m.hztianpu.com/yun/86451.html

相關文章

  • 微信網頁開發(fā)調用微信jssdk接口遇到的坑以及最終解決方法 (持續(xù)更新)

    摘要:在系統(tǒng)的手機中,其實微信點擊網頁的圖片會自動調用這個接口一次。然后在在下面進行微信的接口的調用判斷是還是終端終端更新這個好像微信自己修復了,現(xiàn)在無論還是,如果不調用這個方法,微信自己不會去調用了。 1.微信網頁開發(fā)調用jssdk時報permission denied 大致是兩個原因 (1)首先注冊時未將你所調用的接口名字添加至jsApiList (2)第二個就是你的這個公眾號沒有權限使...

    Little_XM 評論0 收藏0
  • 微信開發(fā)之錄音上傳、下載、轉碼

    摘要:具體請看我在提問里的回答下載七牛云文件間歇性失敗總結至此,在微信開發(fā)中關于錄音這一塊兒的功能,就已經介紹完畢。 showImg(https://segmentfault.com/img/remote/1460000013595733?w=454&h=339); 原文是在我自己博客中,小伙伴也可以點閱讀原文進行跳轉查看,還有好聽的背景音樂噢~ ????一年的時間里,前前后后都在搞微信開發(fā)...

    余學文 評論0 收藏0
  • jssdk 在history模式下安卓不能調用圖片上傳接口和分享接口

    摘要:配置先上配置每個頁面都調用微信授權配置注是我在暴露的接口這份配置主要是根據微信公眾號開發(fā)踩坑記錄配置而來。 首先說明,應用環(huán)境是使用的是vue+vue-router,history模式開發(fā)的單頁應用。 配置 先上配置??? // index.js const protocol = location.protocol + // + location.host; router.afterE...

    dkzwm 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<