图片二维码

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

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

function identifyQrcode_put(file) {
  // sdk引入以及初始化请参考：https://cloud.tencent.com/document/product/436/11459
  var config = {
    // 需要替换成您自己的存储桶信息
    Bucket: 'examplebucket-1250000000', /* 存储桶，必须 */
    Region: 'COS_REGION', /* 存储桶所在地域，必须字段 */
  };
  // 通过input组件选择文件得到 file 代码省略
  cos.putObject({
      Bucket: config.Bucket,
      Region: config.Region,
      Key: '上传二维码.png', // 对象文件名，例如：folder/document.jpg，可以设置为本地文件的名称file.name
      Body: file, // file 是 input[type="file"]标签选择本地文件后得到的 file 对象
      Headers: {
        'Pic-Operations': JSON.stringify({
          is_pic_info: 1,
          rules: [{ fileid: 'test.jpg', rule: 'QRcode/cover/0' }]
         }),
      },
      onProgress: function (progressData) {
          console.log('onProgress', JSON.stringify(progressData));
      },
  }, 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;
  }
  identifyQrcode_put(file);
};

function(err, data) { ... }

function identifyQrcode_get() {
  // 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': 'QRcode'  // 固定值
      },
  },
  function(err, data){
      if (err) {
        // 处理请求失败
        console.log(err);
      } else {
        // 处理请求成功
        console.log(data);
      }
  });
}
identifyQrcode_get();

function(err, data) { ... }

function generateQrcode() {
  // sdk引入以及初始化请参考：https://cloud.tencent.com/document/product/436/11459
  var config = {
    // 需要替换成您自己的存储桶信息
    Bucket: 'examplebucket-1250000000', /* 存储桶，必须 */
    Region: 'COS_REGION', /* 存储桶所在地域，必须字段 */
  };
  cos.request({
      // 需要替换成您自己的存储桶信息
      Bucket: 'examplebucket-1250000000', // 存储桶，必须字段
      Region: 'COS_REGION', // 存储桶所在地域，必须字段 如 ap-beijing
      Method: 'GET',  // 固定值
      Query: {
        'ci-process': 'qrcode-generate', /* 必须，对象存储处理能力，二维码生成参数为 qrcode-generate	*/
        'qrcode-content': '二维码文案', /* 必须，可识别的二维码文本信息	 */
        // mode: 0, /* 非必须，生成的二维码类型，可选值：0或1。0为二维码，1为条形码，默认值为0	*/
        width: 200, /* 必须，指定生成的二维码或条形码的宽度，高度会进行等比压缩	*/
      },
  },
  function(err, data){
    if (!err) {
      // 获得二维码 base64
      var imgBase64 = data.Response.ResultImage;
      // 比如可拼接前缀直接展示在 img 里
      // document.querySelector('#img').src = 'data:image/jpg;base64,' + imgBase64;
    }
  });
}
generateQrcode();

function(err, data) { ... }