近期用vue框架开发了一个微信公众号,现在需要实现点击图片,放大查看。以前浏览公众号的时候,点击图片放大查看觉得很普通,近期开发的时候我一度以为是微信自带的,今天才知道,需要调用微信提供的预览图片接口。
首先需要引入jssdk,我这里用的是jweixin-module这个库,安装了之后,在相应的文件中引入即可。
微信提供的接口地址:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#18
注:代码中传的这个参数是来记录数量的,比如页面中有十张图片,那当点开某一张的时候,顶部会显示1/10,2/10,表示该页面中的第几张,而我传的是一个url,因此永远显示1/1;
'urls': [url], // 需要预览的图片http链接列表
// 引入该库
import wx from 'jweixin-module';
// 该文件中调用了公共接口,该接口返回了配置需要的参数
import tickService from '@/service/tickService';
mounted() {
const currentUrl = window.location.href.split('#')[0];
tickService.getTick({ page_url: currentUrl }).then((res) => {