<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),
    });
  },
});

<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);
      },
    );
  },
});

<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);
      },
    );
  },
});

<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);
        }
      },
    );
  },
});