微信公众号wx.previewImage()在iframe里面预览不起作用解决方案

最新推荐文章于 2023-04-19 09:11:13 发布
最新推荐文章于 2023-04-19 09:11:13 发布
阅读量1.2k 收藏
点赞数
分类专栏： 微信公众号JSDK 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/l2x1314258/article/details/107543541
版权

解决：微信公众号wx.previewImage()在iframe里面预览不起作用解决方案
只需要将iframe里面的代码改成如下即可parent.WeixinJSBridge.invoke("imagePreview", { "urls": imgs, "current": nowImgurl });
重点是parent，或者也可以试试在iframe里面重新加载一次jsdk，可能会冲突；
记录一个小坑，以后方便查阅

Byte Beat
关注
专栏目录
微信小程序wx.previewImage实现图片预览
s13596191285的博客
05-26 585
以上是一个简单的使用微信小程序wx.previewImage实现图片预览的示例。根据实际需求，还可以对预览功能进行扩展和优化。要实现图片预览功能，可以使用微信小程序提供的wx.previewImage接口。
微信小程序开发问题之wx.previewImage
12-09
wx.previewImage是微信小程序官方提供的预览图片功能的api。 在新页面中全屏预览图片。预览的过程中用户可以进行保存图片、发送给朋友等操作。 那么他有哪些坑呢？ 我遇到的问题藏得比较深，我是在使用wxParse解析富...
微信jssdk在iframe页面失效问题的解决措施
10-22
主要介绍了微信jssdk在iframe页面失效问题的解决措施 的相关资料,需要的朋友可以参考下
previewImage,微信微网页全屏预览图片
12-08
微信微网页，点击图片后全屏显示所有图片，可滑动可放大，主要是调用wx.previewImage接口实现，资源中有效果截图有代码。
微信公众号预览图片
冷雨温喉的博客
05-13 447
图片地址要为在线地址 添加 <meta name="referrer" content="no-referrer"/> 然后在项目中添加图片的点击事件，获取当前的图片地址 $('.photos-list-item').click(function () { let currentUrl = $(this).find('img').attr("src"); wx.previewImage({ ..
微信小程序wx.previewImage()无效的问题
GreyCastle的博客
12-19 4601
前言： 在做微信小程序点击图片可以预览并且滑动预览的时，遇到的一个问题，刚开始也没认真看官方API就导致了自己效果没出来来。今天在这记录下 原因： 我在设置wx.previewImage({urls：})里的urls时，我数组里是用数据是集合形式的（类似：[{src:"...."},{src:"...."}]）这样的， 效果死活不出来，最后又看了官方文档（右...
wx.previewImage图片预览加载失败以及真机调试点击无反应
最新发布
weixin_45655168的博客
04-19 2162
wx.previewImage图片预览失败及真机调试点击无反应
WeixinJSBridge查看预览图片iframe无效，公众号预览图片无效解决
weixin_43992507的博客
12-23 1111
事由 微信公众号打开页面嵌套iframe后无法预览图片 解决 在声明iframe标签的页面加入 一、引入js插件 <script type="text/javascript" src="js/jquery-1.8.0.min.js"></script> <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> 二、写实现方式 /*
微信小程序wx.previewImage预览图片
03-29
一.小知识二.例子，配合轮播图使用效果更佳！（如图1）1.wxmlscroll-view scroll-y="true" swiper catchtap="onSwiperTap" autoplay="auto" interval="3000" duration="500" current="{{swiperCurrent}}" bindchange...
微信页面弹出键盘后iframe内容变空白的解决方案
08-29
当键盘弹出后，页脚也被顶起来；而当搜索完（要刷新整体页面），键盘缩回后，iframe里 键盘当住的地方变成白色。怎么解决这个问题呢？下面脚本之家小编给大家分享微信页面弹出键盘后iframe内容变空白的解决方案，一起看看吧
微信公众号：预览图片
胡世林的博客
05-12 3482
其实也没啥。。就一段代码：wx.previewImage({ current: '', // 当前显示图片的http链接 urls: [] // 需要预览的图片http链接列表 });当然。是在微信公众号上抄袭的
微信小程序wx.previewImage(Object object)真机调试无法全屏预览图片
南北极之间
03-10 1558
之前在测试的时候，用的是测试服务器，在pc端的微信开发者工具里面调试。就可以点开全屏大图！但是真机调试预览的时候就不行了！所以才会出现以上情况。当我把这个勾去掉之后， pc端的微信开发者工具也会报错！wx.previewImage(Object object) | 微信开放文档。之前还一直以为是设置上面那个【IP白名单】！那是因为我们为了方便调试，在微信开发者工具里面勾选了。设置【服务器域名】就可以了！
关于微信wx.previewImage图片没有正常显示的问题
热门推荐
ithover的博客
09-13 2万+
在微信开发的的时候有时需要预览图片，我们会用微信中的: wx.previewImage({ current: url, // 当前显示图片的http链接 urls: [] // 需要预览的图片http链接列表 });但是如果写完代码发现在手机上出现了黑屏的问题，有可能是以下几种情况： 1、urls后以的[]没有去掉，这个属于语法错误了，去掉就可
关于微信小程序图片全屏预览 wx.previewImage 无法显示的注意事项
weetch的博客
09-28 8029
wx.previewImage({ current: &quot;/images/index/1.jpg&quot;, urls: images }) 在做小程序中，一排的图片，肯定是要给用户做点击全屏预览的，不然展现的意义何在。 在第一次使用过程中，因为是本地开发，所以urls和current的地址中，写入的都是本地图片地址，如上所示，发现是无法显示预览的。 这么简单的代码，只能是填写的参数的问题，所以再次填...
公众号图片显示预览
LLl的博客
09-10 386
//点击图片显示预览注（只在移动端微信公众号上生效） $(".img1").click(function () { var src = $(this).attr("src");//图片地址 wx.previewImage({ current: src, // 当前显示图片的http链接 urls: [src] // 需要预览的图片http链接列表 如 xxx.jpg,xxxx.jpg }); ...
微信支付 iframe子页面 无响应
IT837684734的专栏
07-17 1385
父页面签名 子页面用parent调用父页面支付接口。 parent.wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: appId, ...
微信公众号iframe嵌套页面js不执行
冷雨温喉的博客
05-13 2468
当主页面中再嵌套一个 iframe 页面时，并非嵌套的页面 js 不执行，而是 wx.config, wx.ready 这些在iframe页面中不执行。 可以试着把 wx.config, wx.ready 放在主页面中，然后对于 iframe 的切换放在 wx.ready 中，在子页面中调用微信 jsapi 可以用 parant.wx.startRecord() 等。 index.html // 获取公众号网页签名信息 function getWxData() { ..
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值