微信相机


调用微信相机
首先要在index.html 中引入 微信封装好的原生调用相机的js
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js" type="text/javascript" charset="utf-8"></script>
然后从后台获取配置参数 四项

后台会给你一个地址 返回给你的参数
wx.config({
debug:false,
appId:res.data.appid,
timestamp:res.data.timestamp,
nonceStr:res.data.nonceStr,
signature:res.data.signature
jsApiList:[‘chooseImage‘,‘uploadImage‘] //功能列表、我们要使用js-sdk 的什么功能
})
选择图片
wx.chooseImage({
count:9,//默认9
sizeType:[‘original‘,‘compressed‘],//可以指定是原图还是压缩图,默认二者都有
sourceType:[‘album‘,‘camera‘],//可以指定来源是相册还是相机,默认二者都有
success:function(res){
if(that.imgList.length + res.localIds.length > 9){
api.toastDiv(‘最多上传9张图片‘)
}else{
that.imgList = that.imgList.concat(res.localIds);//返回选定照片的本地ID列表
if(that.imgList.length >= 9){that.showAddpic = false}
}

})
本地渲染 直接把id 赋值上去即可
<li v-for="(it,key) in imgList" :key = "key">
<img :src="it" alr="">
</li>

上传微信服务器 拿下下载的地址

wx.uploadImage({
localId:this.imgList[i],//需要上传的图片的本地id
isShowProgressTips:1,//默认为1,显示进度提示
success:function(res){
返回回来的url 返回给后台
})

 

 

 

注意 需要现在vue  安装 

import wx from ‘weixin-js-sdk‘    引入
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

微信相机

上一篇:微软已经开始为 Edge 浏览器研发 WebVR 技术


下一篇:封装简单的API——微信小程序