1. 程式人生 > >【小程式】儲存圖片到本地相簿

【小程式】儲存圖片到本地相簿

在小程式的開發中,會經常遇見把小程式內的圖片儲存到本地。
現在就為大家講解圖片儲存到本地的方法
常見的儲存圖片觸發事件型別:
長按圖片觸發函式儲存到本地,點選按鈕觸發函式儲存到本地

回撥函式程式碼如下:

//獲取圖片資訊
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 介面呼叫結束的回撥函式(呼叫成功、失敗都會執行)