tencent cloud

PrevNext

masukan

cari berdasarkan kata kunci

Recent Pages

Dokumentasi
Cloud Object Storage
    Dokumentasi
    Download PDF

    Basic Image Processing

    Terakhir diperbarui:2024-02-04 17:20:26
    Unduh PDF

      Overview

      This document provides an overview of APIs and SDK code samples for basic image processing.
      Service
      Feature
      Description
      Basic image processing
      Proportional scaling, scaling image to target width and height
      Regular cropping, cropping and scaling, cropping to circle, smart face cropping
      Adaptive rotation, regular rotation
      Format conversion, GIF format optimization, progressive display
      Quality change for JPG and WebP images
      Image blurring
      Image sharpening
      Watermarking
      Image information acquisition
      Including EXIF information
      Quick image format conversion, scaling, and cropping for thumbnail generation
      

      Processing Image During Upload

      The following example shows how to automatically process an image when you upload it to COS.
      When the image is uploaded successfully, COS will save both the original and the processed images. You can later obtain the processing results by using a general download request.

      Sample code

      <view>
        <button type="primary" bindtap="button">Process an image during upload</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: {
                        // Use the `imageMogr2` API to scale the image (by specifying the width of the output image to 200, with the height scaled proportionally).
                        '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),
          });
        },
      });

      Processing In-Cloud Image

      The following example shows how to process an image stored in COS and save the processing result to COS.

      Sample code

      <view>
        <button type="primary" bindtap="button">Process an in-cloud image</button>
      </view>
      Page({
        button: function () {
          cos.request(
            {
              Bucket: 'examplebucket-1250000000',
              Region: 'COS_REGION',
              Key: 'exampleImage',
              Method: 'POST',
              Action: 'image_process',
              Headers: {
                // Use the `imageMogr2` API to scale the image (by specifying the width of the output image to 200, with the height scaled proportionally).
                'Pic-Operations':
                  '{"is_pic_info": 1, "rules": [{"fileid": "desample_photo.jpg", "rule": "imageMogr2/thumbnail/200x/"}]}',
              },
            },
            (err, data) => {
              console.log(err || data);
            },
          );
        },
      });

      Processing Image During Download

      The following example shows how to process an image during download.

      Sample code

      <view>
        <button type="primary" bindtap="button">Process an image during download</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);
            },
          );
        },
      });

      Generating Signed URL with Image Processing Parameters

      Sample code

      <view>
        <button type="primary" bindtap="sign">Generate a signed URL with image processing parameters</button>
        <button type="primary" bindtap="unsign">Generate an unsigned URL with image processing parameters</button>
      </view>
      Page({
        sign: function () {
          // Generate a signed URL (valid for 30 minutes) with image processing parameters.
          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 () {
          // Generate an unsigned URL with image processing parameters.
          cos.getObjectUrl(
            {
              Bucket: 'examplebucket-1250000000',
              Region: 'COS_REGION',
              Key: 'exampleobject',
              Query: {
                `imageMogr2/thumbnail/200x/`: ''
              },
              Sign: false,
            },
            (err, data) => {
              if (data) {
                console.log(data.URL);
              }
            },
          );
        },
      });
      Hubungi Kami

      Hubungi tim penjualan atau penasihat bisnis kami untuk membantu bisnis Anda.

      Hubungi Kami
      Dukungan Teknis

      Buka tiket jika Anda mencari bantuan lebih lanjut. Tiket kami tersedia 7x24.

      Kirim Tiket
      Dukungan Telepon 7x24
      Copyright © 2013-2024 Tencent Cloud. All Rights Reserved.
      Kebijakan PrivasiLegalKebijakan Cookie