深入探索微信小程序：图像处理与优雅预览的艺术

微信小程序中的图片基础

• 图片资源存储：本地资源与网络资源的使用区别。
• image组件：基础用法与属性详解，如src、mode属性调整图片展示模式。

一、图片上传与压缩

• wx.chooseImage：选择图片的API使用示例。
• wx.compressImage：图片压缩的重要性与实现方法。
• 代码示例：

chooseAndCompressImage() {
   
  wx.chooseImage({
   
    count: 1, // 默认9
    sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
    sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
    success: (res) => {
   
      const tempFilePaths = res.tempFilePaths;
      wx.compressImage({
   
        src: tempFilePaths[0]