《微信小程序开发从入门到实战》学习七十六

6.9?图片API

使用图片API可对用户手机中的图片进行一些操作。

6.9.1?保存图片API

使用wx.saveImageToPhotosAlbum可将图片文件保存到系统相册。调用该接口需要用户授权scope.writePhotosAlbum。示例代码如下：

????wx.saveImageToPhotosAlbum({

??????filePath:?someImagePath,?//?图片路径，可以是临时文件路径或永久文件路径，不支持网络路径

??????success(res)?{

????????//?do?something

??????}

????})

6.9.2 预览图片API

????wx.previewImage可在新页面全屏预览图片，预览时用户可保存图片、发送给朋友等操作。示例代码如下：

????wx.previewImage({

??????urls:?[],?//?需要预览的图片http链接列表，基础库2.2.3版本起支持云文件ID

??????current:?''?//?当前显示图片的链接，默认为url的第一张

????})

6.9.3 选择图片API

使用wx.chooseImage可从本地相册选择图片或用相机拍照并获取文件。使用方法如下：

????wx.chooseImage({

??????count:?1,?//?最多可以选择的图片张数，默认为9

??????sizeType:?['original',?'compressed'],?//?所选图片的尺寸（原图、缩略图）

??????sourceType:?['album',?'camera'],?//?选择图片的来源（相册、相机）

??????success(res)?{

????????if?(res.tempFiles.length?>?0)?{

??????????console.log(res.tempFiles[0].path)?//?第一个图片的路径（临时文件）

??????????console.log(res.tempFiles[0].size)?//?第一个图片的大小

????????}

??????}

????})

6.9.4 图片信息API

使用wx.getImageInfo接口可以获取图片信息。Object参数的src属性传入图片路径，可以是小程序项目中的路径，可以是小程序的临时文件路径，存储路径，可以时网络图片路径，网络图片需先配置download域名才能生效。

示例代码如下：

????wx.getImageInfo({

??????src:?'/imgs/btn-img1.png',?//小程序项目中的文件的路径

??????success(res)?{

????????console.log(res.width)?//?图片的宽度

????????console.log(res.height)?//?图片的高度

????????console.log(res.path)?//?图片的路径

????????console.log(res.type)?//?图片的格式，基础库1.9.0开始支持

????????console.log(res.orientation)?//?拍照时设备的方向，基础库1.9.0开始支持

??????}

????})