tencent cloud

PrevNext

文档反馈

请输入关键字

Recent Pages

文档
对象存储
    文档
    Download PDF

    基础图片处理

    最后更新时间：2024-01-22 11:32:02
    下载PDF

      简介

      本文档提供关于基础图片处理的相关的 API 概览以及 SDK 示例代码。
      服务
      功能
      说明
      基础图片处理服务
      等比缩放、设定目标宽高缩放等多种方式
      普通裁剪、缩放裁剪、内切圆、人脸智能裁剪
      自适应旋转、普通旋转
      格式转换、GIF 格式优化、渐进显示
      针对 JPG 和 WEBP 图片进行质量变换
      对图片进行模糊处理
      对图片进行锐化处理
      添加水印
      获取图片信息
      包括 EXIF 信息
      快速实现图片格式转换、缩略、剪裁等功能，生成缩略图
      

      上传时使用图片处理

      下面示例展示了如何在上传图片时自动实现图片处理。
      图片上传完成后，COS 会存储原始图片和已处理过的图片。后续用户可以通过普通的下载请求获取处理结果。

      示例代码

      <view>
        <button type="primary" bindtap="button">上传时使用图片处理</button>
      </view>
      Page({
        button: function () {
          wx.chooseMessageFile({
            count: 10,
            type: 'all',
            success: function (res) {
              var file = res.tempFiles[0];
              wxfs.readFile({
                filePath: file.path,
                success: function (res) {
                  cos.putObject(
                    {
                      Bucket: 'examplebucket-1250000000',
                      Region: 'COS_REGION',
                      Key: file.name,
                      Body: res.data,
                      Headers: {
                        // 通过 imageMogr2 接口使用图片缩放功能：指定图片宽度为 200，宽度等比压缩
                        'Pic-Operations':
                          '{"is_pic_info": 1, "rules": [{"fileid": "desample_photo.jpg", "rule": "imageMogr2/thumbnail/200x/"}]}',
                      },
                    },
                    (err, data) => {
                      console.log(err || data);
                    },
                  );
                },
                fail: (err) => console.error(err),
              });
            },
            fail: (err) => console.error(err),
          });
        },
      });

      对云上数据进行图片处理

      下面示例展示了如何对已存储在 COS 的图片进行相应处理操作，并将结果存入到 COS。

      示例代码

      <view>
        <button type="primary" bindtap="button">对云上数据进行图片处理</button>
      </view>
      Page({
        button: function () {
          cos.request(
            {
              Bucket: 'examplebucket-1250000000',
              Region: 'COS_REGION',
              Key: 'exampleImage',
              Method: 'POST',
              Action: 'image_process',
              Headers: {
                // 通过 imageMogr2 接口使用图片缩放功能：指定图片宽度为 200，宽度等比压缩
                'Pic-Operations':
                  '{"is_pic_info": 1, "rules": [{"fileid": "desample_photo.jpg", "rule": "imageMogr2/thumbnail/200x/"}]}',
              },
            },
            (err, data) => {
              console.log(err || data);
            },
          );
        },
      });

      下载时使用图片处理

      下面示例展示了如何在下载图片时实现图片处理。

      示例代码

      <view>
        <button type="primary" bindtap="button">下载时使用图片处理</button>
      </view>
      Page({
        button: function () {
          cos.getObject(
            {
              Bucket: 'examplebucket-1250000000',
              Region: 'COS_REGION',
              Key: 'exampleImage',
              QueryString: `imageMogr2/thumbnail/200x/`,
            },
            (err, data) => {
              console.log(err || data);
            },
          );
        },
      });

      生成带图片处理参数的签名 URL

      示例代码

      <view>
        <button type="primary" bindtap="sign">生成带图片处理参数的 URL，带签名</button>
        <button type="primary" bindtap="unsign">生成带图片处理参数的 URL，不带签名</button>
      </view>
      Page({
        sign: function () {
          // 生成带图片处理参数的文件签名 URL，过期时间设置为 30 分钟。
          cos.getObjectUrl(
            {
              Bucket: 'examplebucket-1250000000',
              Region: 'COS_REGION',
              Key: 'exampleobject',
              Query: {
                `imageMogr2/thumbnail/200x/`: ''
              },
              Expires: 1800,
              Sign: true,
            },
            (err, data) => {
              if (data) {
                console.log(data.URL);
              }
            },
          );
        },
        unsign: function () {
          // 生成带图片处理参数的文件 URL，不带签名。
          cos.getObjectUrl(
            {
              Bucket: 'examplebucket-1250000000',
              Region: 'COS_REGION',
              Key: 'exampleobject',
              Query: {
                `imageMogr2/thumbnail/200x/`: ''
              },
              Sign: false,
            },
            (err, data) => {
              if (data) {
                console.log(data.URL);
              }
            },
          );
        },
      });
      联系我们

      联系我们，为您的业务提供专属服务。

      联系我们
      技术支持

      如果你想寻求进一步的帮助，通过工单与我们进行联络。我们提供7x24的工单服务。

      提交工单
      7x24 电话支持
      Copyright © 2013-2024 Tencent Cloud. All Rights Reserved.
      隐私条款服务条款缓存条款