这几天研究了一下这个微信公众平台的开发的问题
在使用chooseImage接口调用获取到了图片的时候一直显示不出来，百度了一些帖子结果都不是很好，后来终于研究出来怎么显示出来了，现在写出来做一个备份
使用微信JSDK的时候遇到的一些问题
在配置S接口安全域名的时候需要用一级域名，不能使用二级域名，并且不能带http 或者https
如我的测试上传图片网址是
http://robertfly.applinzi.com/php_jssdk/jssdkdemo.php
在定义域名的时候要使用
applinzi.com
<pre>
//html里的主要代码
<body ontouchstart="">
上传图片的测试
图像接口
<span class="desc">拍照或从手机相册中选图接口</span>
<button class="btn btn_primary" id="chooseImage" onclick="chooseImg_Opinion()">chooseImage</button>
<span>图片预览</span>
<div id="photo"></div>
</body>
</br>
//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 div = document.createElement("div");
//设置 div 属性，如 id
div.setAttribute("id", "imgDiv");
var _html="";
for(var i in res.localIds){
var photoSrc=res.localIds[i];
_html=_html+'<br>图片'+i+':<img src="'+photoSrc+'" height="200" width="200" />\n';
}
div.innerHTML = _html;
parent.appendChild(div);
</script>
</pre>
相关网址：
githup上代码的网址：
https://github.com/robert1202/MpWeiXin_Robert/tree/master/ChooseImage
演示效果的网址：
http://robertfly.applinzi.com/php_jssdk/jssdkdemo.php
我的微信个人订阅号，敬请关注 共同学习
南山道长公众号.jpg
顺便打一个广告
使用这个新浪云 可以使用一定时长免费的域名空间，如果你只是为了学习这个开发，还是可以先用用的，点击注册 实名认证成功后可各获得200云豆
「新浪云福利」1000云豆免费领！低成本、免运维、灵活、安全稳定，轻松应对业务爆发式增长，一起来用吧！
注册地址：http://t.cn/Rti8Tq3
网友评论