这篇文章给大家分享的是有关如何解决微信jssdk接口得到图片的显示问题的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
这几天研究了一下这个微信公众平台的开发的问题
在使用chooseImage接口调用获取到了图片的时候一直显示不出来,百度了一些帖子结果都不是很好,后来终于研究出来怎么显示出来了,现在写出来做一个备份
使用微信JSDK的时候遇到的一些问题
在配置S接口安全域名的时候需要用一级域名,不能使用二级域名,并且不能带http 或者https
如我的测试上传图片网址是
//html里的主要代码 <body ontouchstart=""> 上传图片的测试 图像接口 <span class="desc">拍照或从手机相册中选图接口</span> <button class="btn btn_primary" id="chooseImage" onclick="chooseImg_Opinion()">chooseImage</button> <span>图片预览</span> <p id="photo"></p> </body> //js里的主要代码 <script> wx.ready(function () { //自动执行的 wx.checkJsApi({ jsApiList: [ 'chooseImage', ], success: function (res) { // alert(JSON.stringify(res)); // alert(JSON.stringify(res.checkResult.getLocation)); // if (res.checkResult.getLocation == false) { // alert('你的微信版本太低,不支持微信JS接口,请升级到最新的微信版本!'); // return; // } } }); }); wx.error(function (res) { alert(res.errMsg); }); function chooseImg_Opinion() { wx.chooseImage({ success: function (res) { showImgs_Opinion(res); } }); } function showImgs_Opinion(res) { //主要是这一块的代码 var parent = document.getElementById('photo'); var p = document.createElement("p"); //设置 p 属性,如 id p.setAttribute("id", "imgp"); var _html=""; for(var i in res.localIds){ var photoSrc=res.localIds[i]; _html=_html+' 图片'+i+':<img src="'+photoSrc+'" height="200" width="200" />\n'; } p.innerHTML = _html; parent.appendChild(p); </script>
感谢各位的阅读!关于“如何解决微信jssdk接口得到图片的显示问题”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。