介绍
本示例介绍图片相关场景的使用:包含访问手机相册图片、选择预览图片并显示选择的图片到当前页面,下载并保存网络图片到手机相册或到指定用户目录两个场景。
效果图预览
使用说明
- 从主页通用场景集里选择图片选择和下载保存进入首页。
- 分两个场景
- 点击“下载保存图片”文字,“下载网络图片到手机相册”场景示例。点击“下载”按钮,将图片保存到图库。点击“下载到指定路径”按钮,将图片保存到用户选择的指定路径,
- 点击“选择图片”文字进入”访问手机相册图片预览并选择”场景示例。点击下部“+”选择图片并显示到页面中。
实现思路
场景1:访问手机相册图片预览并选择
通过photoViewPicker.select()拉起图库界面,用户可以预览并选择一个或多个文件,即可实现拉起手机相册并进行图片的预览与选择。
- 创建文件类型为图片的,并最大预览数量为2的图库实例。
async getFileAssetsFromType(){
const photoSelectOptions = new picker.PhotoSelectOptions(); // 创建图库对象实例
photoSelectOptions.MIMEType = picker.PhotoViewMIMETypes.IMAGE_TYPE; // 选择媒体文件类型为Ima