1.引入微信SDK
<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
此处我使用https的方式引入,开始用http引入在ios中会出现问题,换用https的方式引入好了
2.config配置
调用后台接口获取验证appId,timestamp, nonceStr,signature这四个关键参数
var signUrl = window.location.href.split('#')[0];
$.ajax({
url:'weixinApi/weixinConfig',
type:'post',
data:{
url:signUrl,
},
success:function(data){
var pdata = $.parseJSON(data);
wx.config({
debug: false,
appId: pdata.appId,
timestamp:pdata.timestamp,
nonceStr: pdata.nonceStr,
signature: pdata.signature,
jsApiList: ['chooseImage','getLocalImgData']
})
wx.error(function(res){
alert(res);
})
}
})
3.使用sdk-API
function getCameraBannk(){
wx.chooseImage({
count: 1, // 默认9
sizeType: ['compressed'], // 可以指定是原图还是压缩图,默认二者都有
sourceType: ['album', 'camera'], //可以指定来源是相册还是相机,默认二者都有
success: function (res) {
var localIds = res.localIds; //返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
getImageData(localIds);
}
});
}
function getImageData(localIds){
$.showLoading('加载中'); //显示
wx.getLocalImgData({
localId: localIds[0], // 图片的localID
success: function (res) {
var localData = res.localData; //localData是图片的base64数据,可以用img标签显示
//ios和android得到的base64数据不同,一个带前缀,一个不带前缀,要做处理
var loaclArr = localData.split(',');
distinBankNo(loaclArr[loaclArr.length-1]);
}
});
}