【小程式】儲存圖片到本地相簿
阿新 • • 發佈:2018-12-15
在小程式的開發中,會經常遇見把小程式內的圖片儲存到本地。
現在就為大家講解圖片儲存到本地的方法
常見的儲存圖片觸發事件型別:
長按圖片觸發函式儲存到本地,點選按鈕觸發函式儲存到本地
回撥函式程式碼如下:
//獲取圖片資訊 wx.getImageInfo({ src: this.data.shareimg, success: function (res) { var path = res.path; //儲存圖片到本地 wx.saveImageToPhotosAlbum({ filePath: path, success: function () { wx.showToast({ title: '儲存成功' }) }, fail: function (res) { wx.showToast({ title: '儲存失敗', icon: 'none' }) } }) } })
wx.getImageInfo
的引數列表
屬性 | 說明 | 型別 | 是否必填 |
---|---|---|---|
src | 圖片的路徑,可以是相對路徑、臨時檔案路徑、儲存檔案路徑、網路圖片路徑 | string | 是 |
success | 介面呼叫成功的回撥函式 | function | 否 |
fail | 介面呼叫失敗的回撥函式 | function | 否 |
complete | 介面呼叫結束的回撥函式(呼叫成功、失敗都會執行) | function | 否 |
success
回撥函式的引數列表
屬性 | 型別 | 說明 |
---|---|---|
width | number | 圖片原始寬度,單位px。不考慮旋轉。 |
height | number | 圖片原始高度,單位px。不考慮旋轉。 |
path | string | 圖片的本地路徑 |
orientation | string | 拍照時裝置方向 |
type | string | 圖片格式 |
orientation
的合法值
值 | 說明 |
---|---|
up | 預設方向(手機橫持拍照),對應 Exif 中的 1。或無 orientation 資訊。 |
up-mirrored | 同 up,但映象翻轉,對應 Exif 中的 2 |
down | 旋轉180度,對應 Exif 中的 3 |
down-mirrored | 同 down,但映象翻轉,對應 Exif 中的 4 |
left-mirrored | 同 left,但映象翻轉,對應 Exif 中的 5 |
right | 順時針旋轉90度,對應 Exif 中的 6 |
right-mirrored | 同 right,但映象翻轉,對應 Exif 中的 7 |
left | 逆時針旋轉90度,對應 Exif 中的 8 |
wx.saveImageToPhotosAlbum
的引數列表
屬性 | 型別 | 是否必填 | 說明 |
---|---|---|---|
filePath | string | 是 | 圖片檔案路徑,可以是臨時檔案路徑或永久檔案路徑,不支援網路圖片路徑 |
success | function | 否 | 介面呼叫成功的回撥函式 |
fail | function | 否 | 介面呼叫失敗的回撥函式 |
complete | function | 否 | 介面呼叫結束的回撥函式(呼叫成功、失敗都會執行) |