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);
}
});
};
微信公众号开发之选择图片,上传图片,下载图片,显示图片
最新推荐文章于 2024-04-20 15:39:00 发布