微信小程序wx.getImageInfo()如何获取图片信息

微信小程序wx.getImageInfo()获取图片信息详解 微信小程序wx.getImageInfo()是微信小程序提供的一个获取图片信息的API，能够帮助开发者获取图片的width和height等信息。在本文中，我们将详细介绍如何使用wx.getImageInfo()获取图片信息，并提供了两个实例代码，分别是加载时获取图片信息和上传图片时获取图片信息。 知识点一：wx.getImageInfo()的使用 wx.getImageInfo()是一个异步API，用于获取图片的信息，包括图片的width和height。使用wx.getImageInfo()需要传入src参数，指定要获取信息的图片路径。成功回调函数中将返回图片的信息，包括width和height。 知识点二：加载时获取图片信息 在加载时获取图片信息可以使用wx.getImageInfo()，将src参数设置为要加载的图片路径。在成功回调函数中，我们可以获取图片的width和height，并将其设置到数据中。例如： ``` wx.getImageInfo({ src: tempFilePaths, success: function (res) { _this.setData({ imgwidth: res.width, imgheight: res.height, }) } }) ``` 知识点三：上传图片时获取图片信息 在上传图片时获取图片信息也可以使用wx.getImageInfo()，将src参数设置为上传的图片路径。在成功回调函数中，我们可以获取图片的width和height，并将其设置到数据中。例如： ``` wx.chooseImage({ count: 1, sizeType: ['original', 'compressed'], sourceType: ['album', 'camera'], success: function (res) { _this.setData({ tempFilePaths: res.tempFilePaths, }) wx.getImageInfo({ src: res.tempFilePaths[0], success: function (res) { _this.setData({ imgwidth: res.width, imgheight: res.height, }) } }) } }) ``` 知识点四：wx.chooseImage()的使用 wx.chooseImage()是一个选择图片的API，用于选择图片来自相册或相机。使用wx.chooseImage()需要传入count、sizeType和sourceType参数，分别指定选择图片的数量、图片的大小和来源。 通过wx.chooseImage()可以获取选择的图片路径，并将其设置到数据中。例如： ``` wx.chooseImage({ count: 1, sizeType: ['original', 'compressed'], sourceType: ['album', 'camera'], success: function (res) { _this.setData({ tempFilePaths: res.tempFilePaths, }) } }) ``` 知识点五：实例代码详解 在本文中，我们提供了两个实例代码，分别是加载时获取图片信息和上传图片时获取图片信息。通过这两个实例代码，我们可以学习如何使用wx.getImageInfo()和wx.chooseImage()来获取图片信息和选择图片。 知识点六：总结 微信小程序wx.getImageInfo()是一个非常有用的API，能够帮助开发者获取图片的信息。通过本文，我们学习了如何使用wx.getImageInfo()获取图片信息，并提供了两个实例代码，分别是加载时获取图片信息和上传图片时获取图片信息。