DDR爱好者之家

微信jssdk在iframe页面失效问题的解决措施
站长资源 2024/11/29 佚名
67 1538
DDR爱好者之家 Design By 杰米

项目需求

微信端添加拍品的页面有照片上传功能，上传时打开一个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页面失效问题的解决措施，希望对大家有所帮助！

DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米