微信小程序開發(fā)中如何實(shí)現(xiàn)從本地相冊(cè)選擇圖片或使用相機(jī)拍照

這篇文章主要為大家展示了微信小程序開發(fā)中如何實(shí)現(xiàn)從本地相冊(cè)選擇圖片或使用相機(jī)拍照，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶大家一起來研究并學(xué)習(xí)一下“微信小程序開發(fā)中如何實(shí)現(xiàn)從本地相冊(cè)選擇圖片或使用相機(jī)拍照”這篇文章吧。

wx.chooseImage(OBJECT)

從本地相冊(cè)選擇圖片或使用相機(jī)拍照。

OBJECT參數(shù)說明：

注：文件的臨時(shí)路徑，在小程序本次啟動(dòng)期間可以正常使用，如需持久保存，需在主動(dòng)調(diào)用 wx.saveFile，在小程序下次啟動(dòng)時(shí)才能訪問得到。

success返回參數(shù)說明：

File 對(duì)象結(jié)構(gòu)如下:

示例代碼：

wx.chooseImage({
    count: 1, // 默認(rèn)9sizeType: ['original', 'compressed'], // 可以指定是原圖還是壓縮圖，默認(rèn)二者都有sourceType: ['album', 'camera'], // 可以指定來源是相冊(cè)還是相機(jī)，默認(rèn)二者都有success: function (res) {          // 返回選定照片的本地文件路徑列表，tempFilePath可以作為img標(biāo)簽的src屬性顯示圖片var tempFilePaths = res.tempFilePaths
    }
})

wx.previewImage(OBJECT)

預(yù)覽圖片。

OBJECT參數(shù)說明：

示例代碼：

wx.previewImage({
    current: '', // 當(dāng)前顯示圖片的http鏈接urls: [] // 需要預(yù)覽的圖片http鏈接列表})

wx.getImageInfo(OBJECT)

獲取圖片信息。

OBJECT參數(shù)說明：

success返回參數(shù)說明：

示例代碼：

wx.getImageInfo({
  src: 'images/a.jpg',
  success: function (res) {console.log(res.width)console.log(res.height)
  }
})

wx.chooseImage({
  success: function (res) {
    wx.getImageInfo({
      src: res.tempFilePaths[0],
      success: function (res) {console.log(res.width)console.log(res.height)
      }
    })
  }
})

wx.saveImageToPhotosAlbum(OBJECT)

基礎(chǔ)庫 1.2.0 開始支持，低版本需做兼容處理

保存圖片到系統(tǒng)相冊(cè)，需要用戶授權(quán)（scope.writePhotosAlbum），詳見 用戶授權(quán)

OBJECT參數(shù)說明：

success返回參數(shù)說明：

示例代碼：

wx.saveImageToPhotosAlbum({
    success(res) {
    }
})

小程序是什么意思

小程序是一種不需要下載安裝即可使用的應(yīng)用，通過掃描二維碼或是搜一搜立即使用，操作簡(jiǎn)單，便于傳播，能夠?qū)崿F(xiàn)消息通知、線下掃碼、公眾號(hào)關(guān)聯(lián)等七大功能。它基于微信運(yùn)行的，類似于APP，想用就用，用完即走，不會(huì)占用內(nèi)存。

以上就是關(guān)于“微信小程序開發(fā)中如何實(shí)現(xiàn)從本地相冊(cè)選擇圖片或使用相機(jī)拍照”的內(nèi)容，如果該文章對(duì)您有所幫助并覺得寫得不錯(cuò)，勞請(qǐng)分享給您的好友一起學(xué)習(xí)新知識(shí)，若想了解更多相關(guān)知識(shí)內(nèi)容，請(qǐng)多多關(guān)注億速云行業(yè)資訊頻道。