摘要:應用場景在微信公眾號開發圖片預覽功能,例如多張產品圖片瀏覽,微信已經提供了預覽圖片接口。實現代碼加載微信這行代碼,引入了第三方微信,也可以具體參考微信手冊配置。綁定圖片點擊事件當前顯示圖片的鏈接需要預覽的圖片鏈接列表
應用場景
在微信公眾號開發 圖片預覽功能,例如 多張產品圖片瀏覽 ,微信JSSDK 已經提供了 預覽圖片接口。效果圖如下:
方案思路點擊上面圖片,彈出以下(這兩張圖,只是類似示例)
wx.previewImage({ current: "", // 當前顯示圖片的http鏈接 urls: [] // 需要預覽的圖片http鏈接列表 });
實現代碼根據以上微信提供的 預覽圖片接口,給需要預覽的圖片綁定點擊事件,獲取當前點擊圖片的 src 地址傳到 接口的current參數,獲取所有需要預覽圖片元素,循環遍歷,把每一個圖片元素 src地址 存儲到數組,并傳到接口的 urls 參數。
//加載微信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
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/86451.html
摘要:在系統的手機中,其實微信點擊網頁的圖片會自動調用這個接口一次。然后在在下面進行微信的接口的調用判斷是還是終端終端更新這個好像微信自己修復了,現在無論還是,如果不調用這個方法,微信自己不會去調用了。 1.微信網頁開發調用jssdk時報permission denied 大致是兩個原因 (1)首先注冊時未將你所調用的接口名字添加至jsApiList (2)第二個就是你的這個公眾號沒有權限使...
摘要:具體請看我在提問里的回答下載七牛云文件間歇性失敗總結至此,在微信開發中關于錄音這一塊兒的功能,就已經介紹完畢。 showImg(https://segmentfault.com/img/remote/1460000013595733?w=454&h=339); 原文是在我自己博客中,小伙伴也可以點閱讀原文進行跳轉查看,還有好聽的背景音樂噢~ ????一年的時間里,前前后后都在搞微信開發...
摘要:配置先上配置每個頁面都調用微信授權配置注是我在暴露的接口這份配置主要是根據微信公眾號開發踩坑記錄配置而來。 首先說明,應用環境是使用的是vue+vue-router,history模式開發的單頁應用。 配置 先上配置??? // index.js const protocol = location.protocol + // + location.host; router.afterE...
閱讀 3256·2023-04-26 02:10
閱讀 2880·2021-10-12 10:12
閱讀 4557·2021-09-27 13:35
閱讀 1519·2019-08-30 15:55
閱讀 1058·2019-08-29 18:37
閱讀 3423·2019-08-28 17:51
閱讀 1954·2019-08-26 13:30
閱讀 1191·2019-08-26 12:09