版权声明:本文为博主原创文章,可以转载,但请说明文章的原始出处: https://blog.csdn.net/liyunkun888/article/details/83095580
在小程序的开发中,会经常遇见把小程序内的图片保存到本地。
现在就为大家讲解图片保存到本地的方法
常见的保存图片触发事件类型:
长按图片触发函数保存到本地,点击按钮触发函数保存到本地
回调函数代码如下:
//获取图片信息
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 | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |