本文實例講述了微信小程序拍照和攝像功能實現方法。分享給大家供大家參考，具體如下：

創新互聯公司服務項目包括昌邑網站建設、昌邑網站制作、昌邑網頁制作以及昌邑網絡營銷策劃等。多年來，我們專注于互聯網行業，利用自身積累的技術優勢、行業經驗、深度合作伙伴關系等，向廣大中小型企業、政府機構等提供互聯網行業的解決方案，昌邑網站推廣取得了明顯的社會效益與經濟效益。目前，我們服務的客戶以成都為中心已經輻射到昌邑省份的部分城市，未來相信會繼續擴大服務區域并繼續獲得客戶的支持與信任！

拍照

原先的想法是使用微信的camera組件來實現，并且模擬發朋友圈的樣子來進行相機的設置，其實就是將camera組件的大小設置成根屏幕一樣大，并在上面使用一個cover-image組件來給用戶進行點擊，可是實際上的情況是第一，cover-image組件有時候會消失，第二，整個流程實現起來很僵硬，頁面跳轉也是卡的要死，后來無意間發現了另一個API：wx.chooseImage，這個API會自己去調用相機和相冊，之后的工作完全交給底層去實現，簡直是簡單到沒朋友：

// 拍照功能
getLocalImage:function(){
    var that=this;
    wx.chooseImage({
      count:1,
      success:function(res){
        // 這里無論用戶是從相冊選擇還是直接用相機拍攝，拍攝完成后的圖片臨時路徑都會傳遞進來
        app.startOperating("保存中")
        var filePath=res.tempFilePaths[0];
        var session_key=wx.getStorageSync('session_key');
        // 這里順道展示一下如何將上傳上來的文件返回給后端，就是調用wx.uploadFile函數
        wx.uploadFile({
          url: app.globalData.url+'/home/upload/uploadFile/session_key/'+session_key,
          filePath: filePath,
          name: 'file',
          success:function(res){
            app.stopOperating();
            // 下面的處理其實是跟我自己的業務邏輯有關
            var data=JSON.parse(res.data);
            if(parseInt(data.status)===1){
              app.showSuccess('文件保存成功');
            }else{
              app.showError("文件保存失敗");
            }
          }
        })
      },
      fail:function(error){
        console.error("調用本地相冊文件時出錯")
        console.warn(error)
      },
      complete:function(){
      }
    })
  },

另外有需要云服務器可以了解下創新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

分享標題：微信小程序拍照和攝像功能實現方法示例-創新互聯
網址分享：http://www.yijiale78.com/article34/ceidpe.html

成都網站建設公司_創新互聯，為您提供微信小程序、網站排名、Google、標簽優化、小程序開發、網站導航

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯