<!-- html 페이지 DOM 요소 -->

<!-- 업로드할 파일 선택 -->
<input id="fileSelector" type="file" />
<!-- 버튼을 클릭하여 업로드 -->
<input id="submitBtn" type="submit" />

function handleFileInUploading(file) {
  cos.putObject(
    {
      Bucket: 'examplebucket-1250000000',
      Region: 'COS_REGION',
      Key: file.name,
      Body: file,
      Headers: {
        // imageMogr2 인터페이스를 통해 이미지 크기 조정 기능 사용: 이미지 폭을 200으로 지정하고 폭 비율 압축
        'Pic-Operations':
          '{"is_pic_info": 1, "rules": [{"fileid": "desample_photo.jpg", "rule": "imageMogr2/thumbnail/200x/"}]}',
      },
    },
    function (err, data) {
      console.log(err || data);
    },
  );
}

document.getElementById('submitBtn').onclick = function (e) {
  var file = document.getElementById('fileSelector').files[0];
  if (! file) {
    document.getElementById('msg').innerText = '업로드할 파일을 선택하지 않음';
    return;
  }
  handleFileInUploading();
};

<!-- html 페이지 DOM 요소 -->

<!-- 버튼을 클릭하여 클라우드 데이터의 이미지 처리 요청 -->
<input id="submitBtn" type="submit" />

function handleFileInBucket() {
  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/"}]}',
      },
    },
    function (err, data) {
      console.log(err || data);
    },
  );
}

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

<!-- html 페이지 DOM 요소 -->

<!-- 버튼을 클릭하여 파일 다운로드 및 다운로드 시 이미지 처리 사용 -->
<input id="submitBtn" type="submit" />

function getObject() {
  cos.getObject(
    {
      Bucket: 'examplebucket-1250000000',
      Region: 'COS_REGION',
      Key: 'exampleobject',
      QueryString: `imageMogr2/thumbnail/200x/`,
    },
    function (err, data) {
      console.log(err || data);
    },
  );
}

// 이미지 처리 매개변수를 가진 파일 서명 URL 생성, 만료 시간은 30분으로 설정.
cos.getObjectUrl(
  {
    Bucket: 'examplebucket-1250000000',
    Region: 'COS_REGION',
    Key: 'exampleobject',
    Query: {
        `imageMogr2/thumbnail/200x/`: ''
    },
    Expires: 1800,
    Sign: true,
  },
  function (err, data) {
    if (data) {
      console.log(data.URL);
    }
  },
);

// 이미지 처리 매개변수를 가진 파일 URL 생성, 서명은 포함하지 않음
cos.getObjectUrl(
  {
    Bucket: 'examplebucket-1250000000',
    Region: 'COS_REGION',
    Key: 'exampleobject',
    Query: {
      `imageMogr2/thumbnail/200x/`: ''
    },
    Sign: false,
  },
  function (err, data) {
    if (data) {
      console.log(data.URL);
    }
  },
);