调用微信图片接口

最新推荐文章于 2024-08-01 14:39:53 发布

转载最新推荐文章于 2024-08-01 14:39:53 发布 · 682 阅读

文章标签：

#微信图片 #微信调用图片

微信视频应用专栏收录该内容

25 篇文章

订阅专栏

本文详细介绍如何在微信中选择并上传图片至服务器，以及如何在客户端获取图片的Base64数据。首先，通过微信接口选择图片，然后根据不同需求上传至服务器或获取本地数据。针对iOS和安卓平台，提供了具体的实现代码。

首先连入微信端，用户同意授权，获取code，通过code换取网页授权access_token，根据开发文档可以获取到微信端接口调用方式。

        var u = navigator.userAgent;
        var isIos = 1;
 
        if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {//安卓手机
            // alert("安卓手机");
    
            isIos = 0;
 
        } else if (u.indexOf('iPhone') > -1) {//苹果手机
            // alert("苹果手机");
           
            isIos =1 ;
        };

wx.chooseImage({
            count: 1, // 默认9
            sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
            sourceType: sourceType,	// 可以指定来源是相册还是相机，默认二者都有
            success: function (res) {
                var localIds = res.localIds;
 
                var base64 = localIds[0];
 
                if(localIds[0]!=null && localIds[0]!=''){
 
                	// $(element).attr("src", res.localIds[0]);
                	if(mode!=null && mode!='' && mode=='server'){
                		//上传服务端
                		wx.uploadImage({
                			localId: localIds[0], // 需要上传的图片的本地ID，由chooseImage接口获得
                			isShowProgressTips: 1, // 默认为1，显示进度提示
                			success: function (res) {
                				var serverId = res.serverId; // 返回图片的服务器端ID
                				callback(serverId);
                			}
                		});
                	}else{
                		//获取本地
                		wx.getLocalImgData({
                			localId: localIds[0], // 图片的localID
                			success: function (res) {
                				var localData = res.localData; // localData是图片的base64数据，可以用img标签显示（ios端）
 
                               
                                base64 = localData;
								if (isIos==0){
                                    base64='data:image/jgp;base64,'+localData;
								}
                                $(element).attr("src", base64);
                				callback(localData);
                			}
                		});
                	}
 
                    // $(element).attr("src", base64);  getLocalImgData加载速度太慢，挪进去！！！
                }
            }
        });