微信jssdk在iframe页面失效问题的解决措施
更新时间：2016年03月03日 10:23:22 作者：孤雁幽幽
这篇文章主要介绍了微信jssdk在iframe页面失效问题的解决措施 的相关资料,需要的朋友可以参考下
项目需求
微信端添加拍品的页面有照片上传功能，上传时打开一个iframe，该页面用canvas加载用微信jssdk的选择图片接口选择的图片（这里微信会返回一个形如weixin://xxxx的localid，可直接放在img的src里进行预览），可进行放大缩小移动旋转等操作，点击确定按钮将编辑好的图片发送到服务器存成图片
遇到的问题
当子页面功能开发完成后，在主页面通过iframe打开子页面，无法调用微信jssdk接口中的选择图片接口，其他jssdk中的接口也无法正常工作。但是单独打开子页面可以正常工作，主页面的微信分享等也是正常的。
解决思路
首先是以为主页面和子页面同时注入了jssdk的签名信息，是否有可能冲突。经过测试，排除此种可能。通过网络搜索，有网友在此贴中描述的问题与我相似，但没有解决方法 http://www.weixin.com/thread-8022-1-1.html
通过测试可以在主页面进行签名验证，子页面不添加jssdk的签名信息。需要调用jssdk接口时，比如图片选择接口，在jssdk的函数前加parent.，即调用父页面的此函数，经过测试，功能可正常调用。
parent.wx.chooseImage({
success: function (res) {
//upload_success(res.localIds);
}
值得一提的是，微信jssdk看似功能强大，但是bug不少，真正在项目中使用，经不起推敲。虽然解决的此问题，新的问题又来了，canvas导出图片不能跨域。。。最终还是没有用微信的接口来实现需求。
以上所述是小编给大家介绍的微信jssdk在iframe页面失效问题的解决措施，希望对大家有所帮助！
相关文章
下面小编就为大家分享一篇JS实现延迟隐藏功能的方法(类似QQ头像鼠标放上展示信息)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2017-12-12
chrome下判断点击input上标签还是其余标签的实现方法
下面小编就为大家带来一篇chrome下判断点击input上标签还是其余标签的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
这篇文章主要为大家介绍了JS前端首屏优化技巧，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
这篇文章主要介绍了angularjs模态框的使用代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-12-12
这篇文章主要介绍了javascript实现汉字转拼音代码分享，非常的实用，从项目中分离出来的，这里分享给大家，有需要的小伙伴可以参考下。2015-04-04
本文为大家介绍下使用javascript实现简单的Map，可以对map进行获取、判断、删除、增加等等，感兴趣的朋友可以了解下2013-12-12
这篇文章主要介绍了基于js与flash实现的网站flv视频播放插件代码,该功能在很多网站上都有着广泛的应用,本文以实例形式对其进行介绍,需要的朋友可以参考下2014-10-10
本文主要介绍了js仿微博动态栏功能的示例代码，具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
这篇文章主要介绍了js实现每日自动换一张图片的方法,涉及javascript操作图片与日期的相关技巧,非常简单实用,需要的朋友可以参考下2015-05-05
有个网友问了个问题，如下的html，为什么点击所有的段落p输出都是5，而不是alert出对应的0，1，2，3，4。2011-03-03
最新评论