图像智能裁剪

<!-- html 页面 DOM 元素 -->

<!-- 选择要上传的文件 -->
<input id="fileSelector" type="file" />
<!-- 点击按钮上传 -->
<input id="submitBtn" type="submit" />

function handleFileInUploading(file) {
  // sdk引入以及初始化请参考：https://cloud.tencent.com/document/product/436/11459
  cos.putObject(
    {
      // 需要替换成您自己的存储桶信息
      Bucket: 'examplebucket-1250000000', // 存储桶，必须字段
      Region: 'COS_REGION', // 存储桶所在地域，必须字段 如 ap-beijing
      Key: file.name, // 对象文件名，例如：folder/document.jpg，可以设置为本地文件的名称file.name
      Body: file,  // 选择要上传的文件
      Headers: {
        // 通过 AIImageCrop 接口使用图像智能裁剪功能：指定图片剪区域的宽度 1，高度 2
        'Pic-Operations': JSON.stringify({
          is_pic_info: 1,
          rules: [{ fileid: 'test.jpg', rule: 'ci-process=AIImageCrop&width=1&width=2' }]
         }),
      },
    },
    function (err, data) {
      if (err) {
        // 处理请求失败
        console.log(err);
      } else {
        // 处理请求成功
        console.log(data);
      }
    }
  );
}

document.getElementById('submitBtn').onclick = function (e) {
  var file = document.getElementById('fileSelector').files[0];
  if (!file) {
    document.getElementById('msg').innerText = '未选择上传文件';
    return;
  }
  handleFileInUploading(file);
};

function(err, data) { ... }

<!-- html 页面 DOM 元素 -->

<!-- 点击按钮请求对云上数据进行图像智能裁剪 -->
<input id="submitBtn" type="submit" />

function handleFileInBucket() {
  // sdk引入以及初始化请参考：https://cloud.tencent.com/document/product/436/11459
  cos.request(
    {
      // 需要替换成您自己的存储桶信息
      Bucket: 'examplebucket-1250000000', // 存储桶，必须字段
      Region: 'COS_REGION', // 存储桶所在地域，必须字段 如 ap-beijing
      Key: '1/jpg', // 对象文件名，例如：folder/document.jpg。
      Method: 'POST',  // 固定值
      Action: 'image_process',  // 固定值
      Headers: {
        // 通过 AIImageCrop 接口使用图像智能裁剪功能：指定图片剪区域的宽度 1，高度 2
        'Pic-Operations': JSON.stringify({
          rules: [{ fileid: 'test.jpg', rule: 'ci-process=AIImageCrop&width=1&width=2' }]
         }),
      },
    },
    function (err, data) {
      if (err) {
        // 处理请求失败
        console.log(err);
      } else {
        // 处理请求成功
        console.log(data);
      }
    }
  );
}

document.getElementById('submitBtn').onclick = function (e) {
  handleFileInBucket();
};

function(err, data) { ... }

<!-- html 页面 DOM 元素 -->

<!-- 点击按钮下载文件并在下载时使用图像智能裁剪 -->
<input id="submitBtn" type="submit" />

function getObject() {
  // sdk引入以及初始化请参考：https://cloud.tencent.com/document/product/436/11459
  cos.request(
    {
      // 需要替换成您自己的存储桶信息
      Bucket: 'examplebucket-1250000000', // 存储桶，必须字段
      Region: 'COS_REGION', // 存储桶所在地域，必须字段 如 ap-beijing
      Method: 'GET',  // 固定值
      Key: '1/jpg', // 对象文件名，例如：folder/document.jpg。
      Query: {
        'ci-process': 'AIImageCrop',  // 固定值
        width: 5 /*必需，需要裁剪区域的宽度*/,
        height: 5 /*必需，需要裁剪区域的高度*/,
        //fixed:1 /*非必需，是否严格按照 width 和 height 的值进行输出*/,
        //detect-url:'http%25253A%25252F%25252Fwww.example.com%25252Fabc.jpg'  /* 非必须，可以通过填写 detect-url 处理任意公网可访问的图片链接。不填写 detect-url 时，后台会默认处理 Key ，填写了 detect-url 时，后台会处理 detect-url 链接，detect-url 需要进行 UrlEncode */
      },
      RawBody: true, // 固定为true，不解析请求体Body
      DataType: 'blob', // 设置为blob，返回Body为图片blob
    },
    function (err, data) {
      if (err) {
        // 处理请求失败
        console.log(err);
      } else {
        // 处理请求成功
        console.log(data);
      }
    }
  );
}

function(err, data) { ... }