程序设计基础4-4 图片处理API

第4章小程序必备API图片处理API内容提要wx.chooseImage选择图片wx.previewImage预览图片wx.getImageInfo获取图片信息wx.saveImageToPhotosAlbum保存图片到相册1、wx.chooseImage选择图片从本地相册选择图片或使用相机拍照来选择图片属性类型必填说明countnumber否最多可以选择的图片张数sizeTypeArray.<string>否所选的图片的尺寸sourceTypeArray.<string>否选择图片的来源successfunction否接口调用成功的回调函数failfunction否接口调用失败的回调函数completefunction否接口调用结束的回调函数（调用成功、失败都会执行）2、wx.previewImage预览图片用来预览多张图片以及设置默认显示的图片预览的过程中用户可以进行保存图片、发送给朋友等操作属性类型必填说明urlsArray.<string>是需要预览的图片链接列表。2.2.3

起支持云文件ID。currentstring否当前显示图片的链接successfunction否接口调用成功的回调函数failfunction否接口调用失败的回调函数completefunction否接口调用结束的回调函数（调用成功、失败都会执行）示例代码Page({onLoad:function(){wx.previewImage({current:':8888/images/goods/1555850845474.jpg',//当前显示图片的http链接

urls:[":8888/images/goods/1555850845474.jpg",":8888/images/goods/1555851154057.jpg",":8888/images/goods/1555851345937.jpg"]//需要预览的图片http链接列表

})}})演示效果3、wx.getImageInfo获取图片信息用来获取图片信息包括图片的宽度、高度以及返回路径属性类型必填说明srcstring是图片的路径，可以是相对路径、临时文件路径、存储文件路径、网络图片路径successfunction否接口调用成功的回调函数failfunction否接口调用失败的回调函数completefunction否接口调用结束的回调函数（调用成功、失败都会执行）success返回参数说明属性类型说明widthnumber图片原始宽度，单位px。不考虑旋转。heightnumber图片原始高度，单位px。不考虑旋转。pathstring图片的本地路径orientationstring拍照时设备方向typestring图片格式示例代码Page({

onLoad:

function

()

{

wx.getImageInfo({

src:

':8888/images/goods/1555850845474.jpg',

success:

function

(res)

{

console.log("图片宽度="

+

res.width);

console.log("图片高度="

+

res.height);

console.log("图片返回路径="

+

res.path);

console.log("图片格式="

+

res.type);

console.log("拍照时设备方向="

+

res.orientation);

}

})

}})运行效果4、wx.saveImageToPhotosAlbum保存图片到相册将图片保存到系统相册里此操作需要用户授权属性类型必填说明filePathstring是图片文件路径，可以是临时文件路径或永久文件路径，不支持网络图片路径succe