微信公众号开发之选择图片,上传图片,下载图片,显示图片

function clickImg(that){
	wx.chooseImage({  
		count: 1,  
		needResult: 1,  
		sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有  
		sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有  
		success: function (data) {                  
			var localId=data.localIds;//把图片的路径保存在images[localId]中--图片本地的id信息,用于上传图片到微信浏览器时使用
			 wx.uploadImage({
			 	localId: localId.toString(),
			   	isShowProgressTips: 1, // 默认为1,显示进度提示  
			   	success: function (res) {                                        
			   		var mediaId = res.serverId;
		   			//调用后台方法存储medidld
					//图片上传完成之后,进行图片的下载,图片上传完成之后会返回一个在腾讯服务器的存放的图片的ID--->serverId
				    wx.downloadImage({
				    serverId: res.serverId, //需要下载的图片的服务器端ID,由uploadImage接口
				    isShowProgressTips: 1, // 默认为1,显示进度提示
				    success: function (res) {
				    var localId = res.localId; // 返回图片下载后的本地ID
				    //通过下载的本地的ID获取的图片的base64数据,通过对数据的转换进行图片的保存
				    wx.getLocalImgData({
				    localId: localId, // 图片的localID
				    success: function (res) {
				    var mediaId = res.serverId;
					if (window.__wxjs_is_wkwebview){ //判断ios是不是用的wkwebview 内核		
						var localData = res.localData;//localData是图片的base64数据,可以用img标签显示
						localData = localData.replace('jgp', 'jpeg');
						$("#kin_img").attr("src", localData);
					}else{
							$("#kin_img").attr("src", mediaId );
						}
	 				});
				}
 			})
		},  
   		fail: function (error) {  
   		     picPath = '';  
   		     localIds = '';  
   		     console.log(error);          
   		 }          
	   });  
	},  
	fail: function (res) {
		 console.log(res);
	}    
});
};
  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值