調起網路攝影機、上傳下載圖片、本地展示圖片

標籤：appid   ges   list   upload   返回   sdk   pil   app   點擊事件   

 

之前那偏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，這樣一來，就可以直接顯示剛剛拍照/相簿裡選中的照片了

 

調起網路攝影機、上傳下載圖片、本地展示圖片