码迷,mamicode.com
首页 > 微信 > 详细

调微信接口上传图片

时间:2017-08-18 18:24:29      阅读:303      评论:0      收藏:0      [点我收藏+]

标签:标签   服务   打开   sdk   conf   客户   rdb   weixin   map   

步骤一:引入JS文件

在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.0.0.js

步骤二:通过config接口注入权限验证配置

所有需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用

var sCurrURL = location.href.split(‘#‘)[0];
var myurl = getRootPath() + "zs/wechat/getJsSdkconfig?url="+sCurrURL;   
$.axpost(myurl, null, function(data){
		var timestamp = data.respMap.timestamp;
	var noncestr = data.respMap.noncestr;
	var appId = data.respMap.appId;
	var signature = data.respMap.signature;
	wx.config({
	    //debug: true, 
	    // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
	    appId: appId, // 必填,企业号的唯一标识,此处填写企业号corpid
	    timestamp:timestamp , // 必填,生成签名的时间戳
	    nonceStr: noncestr, // 必填,生成签名的随机串
	    signature: signature,// 必填,签名,见附录1
	    jsApiList: [‘chooseImage‘,‘uploadImage‘] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
	});			
})

  

步骤三:选取与上传图片

$(‘#cardFront‘).click(function() {
	upImg($(‘#front‘));
});
$(‘#cardBack‘).click(function() {
	upImg($(‘#back‘));
})
function upImg(obj){
	wx.chooseImage({
		count: 1,
		// 默认9
		sizeType: [‘original‘, ‘compressed‘],
		// 可以指定是原图还是压缩图,默认二者都有
		sourceType: [‘album‘, ‘camera‘],
		// 可以指定来源是相册还是相机,默认二者都有
		success: function(res) {
			var localIds = res["localIds"]; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
			if (1 === localIds.length) {
				var localId = localIds[0];
				wx.uploadImage({
					localId: localId,
					// 需要上传的图片的本地ID,由chooseImage接口获得
					isShowProgressTips: 1,
					// 默认为1,显示进度提示
					success: function(res) {
						var serverId = res.serverId; // 返回图片的服务器端ID
						var url = getRootPath() + "/zs/wechat/uploadImg?mediaId=" + serverId + getUrlEnd();
						$.axpost(url, null,
						function(data) {
							var picturePath = data.respData.picturePath;
							obj.attr(‘src‘, picturePath);
						})
					}
				});
			};
		}
	});
}

  

 

调微信接口上传图片

标签:标签   服务   打开   sdk   conf   客户   rdb   weixin   map   

原文地址:http://www.cnblogs.com/nicoleyani/p/7390909.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!