300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 微信jssdk在iframe页面失效问题的解决措施【javascript】

微信jssdk在iframe页面失效问题的解决措施【javascript】

时间:2018-09-27 18:09:39

相关推荐

微信jssdk在iframe页面失效问题的解决措施【javascript】

web前端|js教程

jssdk_iframe页面失效

web前端-js教程

项目需求

卡盟系统分销源码,vscode中分支文件对比,ubuntu 进程端口,外网访问tomcat视频,腾讯爬虫原理,php 下载 防盗链,seo推广专员怎么样,如何提高网站的安全性,一键安装模板软件lzw

微信端添加拍品的页面有照片上传功能,上传时打开一个iframe,该页面用canvas加载用微信jssdk的选择图片接口选择的图片(这里微信会返回一个形如weixin://xxxx的localid,可直接放在img的src里进行预览),可进行放大缩小移动旋转等操作,点击确定按钮将编辑好的图片发送到服务器存成图片

asp 源码加密,vscode快速添加,ubuntu写入磁盘不动了,修改tomcat文件,sqlite遍历表字段,流程图 展示 js 插件,微前端映射不同框架,骷髅爬虫造型手工,php上传源码,百度seo外链工具,html婚礼告白网站源码,电子邮件网页模板,免费政府网站模板源码,注册页面模板,vc 图书管理系统界面设计,泛解析单页站群程序引流站群源码lzw

遇到的问题

高仿qq农场源码,ubuntu 黑屏 卡死,添加tomcat找不到文件,爬虫技术定义,php常用功能模块,云南搜索引擎seo优化平台lzw

当子页面功能开发完成后,在主页面通过iframe打开子页面,无法调用微信jssdk接口中的选择图片接口,其他jssdk中的接口也无法正常工作。但是单独打开子页面可以正常工作,主页面的微信分享等也是正常的。

解决思路

首先是以为主页面和子页面同时注入了jssdk的签名信息,是否有可能冲突。经过测试,排除此种可能。通过网络搜索,有网友在此贴中描述的问题与我相似,但没有解决方法 /thread-8022-1-1.html

通过测试可以在主页面进行签名验证,子页面不添加jssdk的签名信息。需要调用jssdk接口时,比如图片选择接口,在jssdk的函数前加parent.,即调用父页面的此函数,经过测试,功能可正常调用。

parent.wx.chooseImage({success: function (res) {//upload_success(res.localIds);}

值得一提的是,微信jssdk看似功能强大,但是bug不少,真正在项目中使用,经不起推敲。虽然解决的此问题,新的问题又来了,canvas导出图片不能跨域。。。最终还是没有用微信的接口来实现需求。

以上所述是小编给大家介绍的微信jssdk在iframe页面失效问题的解决措施,希望对大家有所帮助!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。