微信小程序图片的操作

微信小程序图片的操作，camera相机组件介绍了如何使用API来拍摄照片，本文将介绍如何获取相册图片和图片浏览，使用户对图片进行更多的操作。图片的操作需要用户授权才可以进行。

图片选择

选择图片即打开用户的相册，让用户选取任意图片，也可以调用手机的系统相机来拍摄图片，拍摄的图片会自动保存在用户相册。

// 图片选择
wx.chooseImage({
      count: 9,                             // 最多可以选择的图片张数
      sizeType: ['original','compressed'],  // 选择图片的尺寸，original为原图，compressed为压缩图
      sourceType: ['album','camera'],       // 选择图片的来源，album为相册选取，camera为相机拍照
      success: funcation(res){
      // 图片选择成功
        res.tempFilePaths                  // 数组类型，选取图片的临时路径
        res.tempFiles                      // 数组类型，选取图片的本地临时文件
      },
      fail: funcation(){
      // 图片选择失败
     },
     complete: funcation(){
     // 不管成功失败都会执行
  }
})

选取图片在模拟器中为选取文件，在真机中如图所示，单击左上角的拍摄照片可以进行拍照。

图片预览

图片预览即单击图片，全屏查看图片，且可以进行缩放。如果图片预览传递的是一个数组，则可以全屏左右滑动查看图片。

// 图片预览
wx.previewImage({
  urls: ['imageUrlOne','imageUrlTwo',…],    // 图片url地址
  current: 'imageUrlOne',                      // 当前显示图片的链接
  success: funcation(){
    // 图片预览成功
  },
  fail: funcation(){
    // 图片预览失败
  },
  complete: funcation(){
    // 不管成功失败都会执行
  }
})

图片信息获取

当获取一张图片的时候，可能需要获取到这张图片的一些信息，这时可以调用wx.getImageInfo()来获取图片的信息。

// 图片信息获取
wx.getImageInfo ({
  urls: 'imageUrl',                         // 图片url地址
  success: funcation(res){
  // 图片信息获取成功
      res.width                             // 图片的宽度，单位px
      res.height                            // 图片的高度，单位px
      res.path                              // 图片的本地路径
      res.type                              // 图片的格式
      orientation                           // 图片拍摄时的方向
   },
   fail: funcation(){
   // 图片信息获取失败
   },
   complete: funcation(){
   // 不管成功失败都会执行
 }
})

图片保存

把图片保存到用户的相册中，代码如下：

// 图片保存
wx.saveImageToPhotosAlbum({
   filrPath: 'imagePath',           // 图片路径，不支持网络路径
   success: funcation(){
   // 图片保存成功
   },
   fail: funcation(){
       // 图片保存失败
   },
   complete: funcation(){
       // 不管成功失败都会执行
   }
})

酷客网相关文章：

• 微信小程序文件的操作
• 微信小程序网络请求
• 微信小程序页面导航
• 微信小程序API