小程序开发储存图片怎么弄

小程序开发：储存图片教程

在小程序开发过程中，储存图片功能是必不可少的。本文将为您介绍如何在小程序中储存和处理图片。

一、图片储存方法

1. 本地储存

小程序可以通过 wx.saveImageToPhotosAlbum 函数将图片保存到本地相册。以下是一个示例：

         
             wx.chooseImage({
                 success:  function  (res)  {
                      var  tempFilePath  =  res.tempFilePaths[0];
                      wx.saveImageToPhotosAlbum({
                          filePath:  tempFilePath,
                          success:  function  (res)  {
                              console.log('图片已保存到相册');
                          },
                          fail:  function  (err)  {
                              console.log('保存图片失败',  err);
                          }
                      });
                 }
             });
         }
     
     

2. 云储存

小程序还可以通过上传图片到云储存来实现异地备份。以下是一个使用七牛云储存的示例：

         
             //  初始化七牛云
             var  qiniu  =  require('qiniu-storage');
             qiniu.config({
                   accessKey:  'your_access_key',
                   secretKey:  'your_secret_key',
                   bucket:  'your_bucket_name'
             });
             wx.chooseImage({
                 success:  function  (res)  {
                      var  tempFilePath  =  res.tempFilePaths[0];
                      qiniu.putFile({
                          key:  'path/to/your/cloud/folder',
                          filePath:  tempFilePath,
                          success:  function  (res)  {
                              console.log('图片已上传到云储存');
                          },
                          fail:  function  (err)  {
                              console.log('上传图片失败',  err);
                          }
                      });
                 }
             });
         }
     
     

二、图片处理方法

1. 压缩图片

在储存图片前，可以对图片进行压缩，以减小存储空间。小程序提供了 wx.compressImage 函数进行图片压缩。以下是一个示例：

         
             wx.compressImage({
                 src:  'path/to/your/image',
                 success:  function  (res)  {
                      var  compressedImagePath  =  res.tempFilePath;
                      //  使用  compressedImagePath  进行后续操作，如上传云储存
                 },
                 fail:  function  (err)  {
                      console.log('图片压缩失败',  err);
                 }
             });
         }
     
     

2. 剪裁图片

小程序提供了 wx.cropImage 函数进行图片剪裁。以下是一个示例：

         
             wx.cropImage({
                 success:  function  (res)  {
                      var  cropImagePath  =  res.tempFilePath;
                      //  使用  cropImagePath  进行后续操作，如保存到本地或上传云储存
                 },
                 fail:  function  (err)  {
                      console.log('图片剪裁失败',  err);
                 }
             });
         }