微信小程序开发图片的选取预览处理与保存39课件.pptx

微信小程序开发主讲：刘晓青福州职业技术学院图片的选取、预览、处理与保存

01/理解图片操作相关的API的作用02/掌握从本地相册选择图片或使用相机拍摄的API的使用方法03/掌握使用图片预览等图片操作相关API的方法学习目标LearningObjectives

从本地相册选择图片或使用相机拍照01

从本地相册选择图片或使用相机拍照可使用的APIwx.chooseImage(Objectobject)从本地相册选择图片或使用相机拍照wx.chooseMedia(Objectobject)可用于拍摄或从手机相册中选择图片或视频

例：wx.chooseMedia的使用wx.chooseMedia({count:9,mediaType:[image,video],sourceType:[album,camera],maxDuration:30,camera:back,success(res){console.log(res.tempFiles[0].tempFilePath)console.log(res.tempFiles[0].size)}})

保存图片01

保存图片wx.saveImageToPhotosAlbum({success(res){}})

保存图片参数属性类型默认值必填说明filePathstring是图片文件路径，可以是临时文件路径或永久文件路径(本地路径)，不支持网络路径successfunction否接口调用成功的回调函数failfunction否接口调用失败的回调函数completefunction否接口调用结束的回调函数（调用成功、失败都会执行）

保存图片可使用的API保存图片wx.saveImageToPhotosAlbum(Objectobject)保存图片到系统相册

预览图片03

预览图片wx.previewMedia这个API来预览图片和视频以便向用户提供更统一的交互体验应用wx.previewMedia(Objectobject)?预览图片和视频wx.previewImage(Objectobject)在新页面中全屏预览图片。预览的过程中用户可以进行保存图片、发送给朋友等操作可使用的API

其他图片操作API04

删除和清空缓存其他图片操作API获取图片信息（wx.getImageInfo(Objectobject)）裁剪图片（wx.cropImage(Objectobject)）压缩图片（pressImage(Objectobject)）同学们可通过文档进一步查阅通过合理调用这些API，可以实现小程序中多种图片处理需求

部分API需要基础库版本支持，所以需做好兼容处理；权限处理保存到相册需要用户授权，所以也要做好授权被拒绝的处理。注意事项注意事项在处理大图时注意内存问题，建议压缩后再处理；在处理耗时操作(如压缩、上传)时应提供加载提示，以提高用户体验。

学习小结Learningsummary01/保存图片的APIwx.saveImageToPhotosAlbum的使用方法02/从本地相册选择图片或使用相机拍照的相关API的用法03/图片预览等图片操作相关API的方法

感谢观看