首页 > 代码库 > 调起摄像头、上传下载图片、本地展示图片
调起摄像头、上传下载图片、本地展示图片
之前那偏微信JS-SDK授权的文章实现了分享接口,那么这里总结一下如何在微信里面通过js调起原生摄像头,以及上传下载图片。
1.配置
页面引入通过jssdk授权后,传入wx对象,首先配置需要的接口
wx.config({ /* debug: true, */ appId: appid, timestamp: timestamp, nonceStr: nonceStr, signature: signature, jsApiList: [ ‘chooseImage‘,//拍照或从手机相册中选图接口 ‘previewImage‘,//预览图片接口 ‘uploadImage‘,//上传图片接口 ‘downloadImage‘//下载图片接口 ] });
2.调起拍照/相册
将下面的方法放在需要点击事件的回调函数里面
wx.chooseImage({ count: 1, //张数, 默认9 sizeType: [‘compressed‘], //压缩图 sourceType: [‘album‘, ‘camera‘], // 来源是相册、相机 success: function (res) {
//var localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片 $(‘.driver-card img‘).prop(‘src‘,res.localIds[0]); uploadPhoto.uploadToWeixinServer(res.localIds[0],‘car‘) } });
这时我们可以看到这样的效果,代表调起成功了!chooseImage方法的成功回调里,我将选中的照片赋值给需要显示的img的src,这样一来,就可以直接显示刚刚拍照/相册里选中的照片了
调起摄像头、上传下载图片、本地展示图片
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。