資訊專欄INFORMATION COLUMN
摘要：應(yīng)用場(chǎng)景在微信公眾號(hào)開發(fā)圖片預(yù)覽功能，例如多張產(chǎn)品圖片瀏覽，微信已經(jīng)提供了預(yù)覽圖片接口。實(shí)現(xiàn)代碼加載微信這行代碼，引入了第三方微信，也可以具體參考微信手冊(cè)配置。綁定圖片點(diǎn)擊事件當(dāng)前顯示圖片的鏈接需要預(yù)覽的圖片鏈接列表
應(yīng)用場(chǎng)景
在微信公眾號(hào)開發(fā) 圖片預(yù)覽功能，例如 多張產(chǎn)品圖片瀏覽 ，微信JSSDK 已經(jīng)提供了 預(yù)覽圖片接口。效果圖如下：
方案思路點(diǎn)擊上面圖片，彈出以下（這兩張圖，只是類似示例）
wx.previewImage({
current: "", // 當(dāng)前顯示圖片的http鏈接
urls: [] // 需要預(yù)覽的圖片http鏈接列表
});
實(shí)現(xiàn)代碼根據(jù)以上微信提供的 預(yù)覽圖片接口，給需要預(yù)覽的圖片綁定點(diǎn)擊事件，獲取當(dāng)前點(diǎn)擊圖片的 src 地址傳到 接口的current參數(shù)，獲取所有需要預(yù)覽圖片元素，循環(huán)遍歷，把每一個(gè)圖片元素 src地址 存儲(chǔ)到數(shù)組，并傳到接口的 urls 參數(shù)。
//加載微信JSSDK
//這行代碼，引入了第三方微信SDK，也可以具體參考微信手冊(cè)配置。
wx.config(config(array("previewImage"), false,false,true) ?>);
$(".imglist").click(function(event) {//綁定圖片點(diǎn)擊事件
var thisimg=$(this).attr("src");
var imglist=$(".imglist");
var srcs=new Array();
for (var i =0; i
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/86451.html
摘要：在系統(tǒng)的手機(jī)中，其實(shí)微信點(diǎn)擊網(wǎng)頁的圖片會(huì)自動(dòng)調(diào)用這個(gè)接口一次。然后在在下面進(jìn)行微信的接口的調(diào)用判斷是還是終端終端更新這個(gè)好像微信自己修復(fù)了，現(xiàn)在無論還是，如果不調(diào)用這個(gè)方法，微信自己不會(huì)去調(diào)用了。 1.微信網(wǎng)頁開發(fā)調(diào)用jssdk時(shí)報(bào)permission denied 大致是兩個(gè)原因 （1）首先注冊(cè)時(shí)未將你所調(diào)用的接口名字添加至jsApiList （2）第二個(gè)就是你的這個(gè)公眾號(hào)沒有權(quán)限使...
摘要：具體請(qǐng)看我在提問里的回答下載七牛云文件間歇性失敗總結(jié)至此，在微信開發(fā)中關(guān)于錄音這一塊兒的功能，就已經(jīng)介紹完畢。 showImg(https://segmentfault.com/img/remote/1460000013595733?w=454&h=339); 原文是在我自己博客中，小伙伴也可以點(diǎn)閱讀原文進(jìn)行跳轉(zhuǎn)查看，還有好聽的背景音樂噢~ ????一年的時(shí)間里，前前后后都在搞微信開發(fā)...
摘要：配置先上配置每個(gè)頁面都調(diào)用微信授權(quán)配置注是我在暴露的接口這份配置主要是根據(jù)微信公眾號(hào)開發(fā)踩坑記錄配置而來。 首先說明，應(yīng)用環(huán)境是使用的是vue+vue-router,history模式開發(fā)的單頁應(yīng)用。 配置 先上配置??? // index.js const protocol = location.protocol + // + location.host; router.afterE...
閱讀 3274·2023-04-26 02:10
閱讀 2898·2021-10-12 10:12
閱讀 4596·2021-09-27 13:35
閱讀 1533·2019-08-30 15:55
閱讀 1076·2019-08-29 18:37
閱讀 3437·2019-08-28 17:51
閱讀 1971·2019-08-26 13:30
閱讀 1210·2019-08-26 12:09
