当前位置:   article > 正文

微信小程序开发中的图片选择与上传_微信小程序选择图片

微信小程序选择图片

微信小程序是一种基于微信平台的轻量级应用程序,具有开发周期短、上线快、用户体验好等特点。在微信小程序中,图片的选择与上传是一个非常重要的功能,本文将从以下几个方面进行讲解:

  1. 图片选择

在微信小程序中选择图片有两种方式:

1.1 调用微信提供的API

微信提供了一个选择图片的API:wx.chooseImage,可以通过该API在小程序中打开手机相册,选择图片并返回图片的本地路径,代码如下:

  1. wx.chooseImage({
  2. count: 1, //最多可以选择的图片张数,默认9
  3. sizeType: ['original', 'compressed'], //所选的图片的尺寸,默认原图和压缩图都可以
  4. sourceType: ['album', 'camera'], //选择图片的来源,默认为相册和相机都可以
  5. success: function (res) {
  6. //返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片
  7. const tempFilePaths = res.tempFilePaths;
  8. // 在这里可以对图片进行处理
  9. }
  10. })

 

在上面的代码中,count表示最多可以选择的图片数量,sizeType表示选择图片的尺寸,sourceType表示选择图片的来源。当选择图片成功后,将返回选定的照片的本地文件路径列表,开发者可以通过tempFilePaths拿到图片路径。

1.2 使用第三方组件

除了使用微信提供的API外,还可以使用第三方组件来实现图片选择功能。这里介绍一下微信官方提供的组件:wx-image

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家自动化/article/detail/326041?site
推荐阅读
相关标签
  

闽ICP备14008679号