更新记录

1.7.3（2025-04-09） 下载此版本

为了支持typescript，添加了.d.ts文件 以及 修复base64.js global对象报错问题

1.7.2（2025-04-08） 下载此版本

首次更新

平台兼容性

腾讯云对象存储服务(ES6 Module)

基于小程序 SDK for 腾讯云对象存储服务修改的ES6 Module

因项目采用了vue3不支持小程序amd方式，修改为es6 module , 为了进一步支持ts已添加声明文件.d.ts

示例

放个示例方便大家使用，另外附上官网链接腾讯云对象存储服务

使用(建议npm)

npm i cos-wx-sdk-v5u3

vue3

<template>
    <view class="content">
        <view class="text-area">
            ES6 Module
        </view>
    </view>
</template>

<script setup>

    // 引入腾讯云对象存储 SDK - 修改的版本是V5基于VUE3 ; 如果是导入本地插件需要选择正确路径
    import COS from 'cos-wx-sdk-v5u3';

    // 初始化
    const cos = new COS({
        // getAuthorization: funciton() {}, // 参考上方初始化
        SecretId: 'xx', // sts 服务下发的临时 secretId
        SecretKey: 'xx', // sts 服务下发的临时 secretKey
        SimpleUploadMethod: 'putObject', // 强烈建议，高级上传、批量上传内部对小文件做简单上传时使用putObject
    });

    function handleFileInUploading(fileName, filePath) {
        cos.uploadFile({
            Bucket: 'ljx-1301875625',
            /* 填写自己的 bucket，必须字段 */
            Region: 'ap-shanghai',
            /* 存储桶所在地域，必须字段 */
            Key: fileName,
            /* 存储在桶里的对象键（例如:1.jpg，a/b/test.txt，图片.jpg）支持中文，必须字段 */
            FilePath: filePath,
            /* 上传文件路径，必须字段 */
            SliceSize: 1024 * 1024 * 5,
            /* 触发分块上传的阈值，超过5MB使用分块上传，小于5MB使用简单上传。可自行设置，非必须 */
            : function(progressData) {
                console.log(JSON.stringify(progressData));
            }
        }, function(err, data) {
            if (err) {
                console.log('上传失败', err);
            } else {
                console.log('上传成功', data);
            }
        });
    }

    /* 选择文件,得到临时路径(以选择图片为例，选择其他文件请参考小程序官方 api) */
    wx.chooseImage({
        count: 1, // 默认9
        sizeType: ['original'], // 可以指定是原图还是压缩图，默认用原图
        sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
        success: function(res) {
            const filePath = res.tempFiles[0].path;
            const fileName = filePath.substr(filePath.lastIndexOf('/') + 1);
            handleFileInUploading(fileName, filePath);
        }
    });
</script>

<style>

</style>

vue2

<template>
 <view class="content">
  <view class="text-area" @click="handleChooseImage">
   ES6 Module
  </view>
 </view>
</template>

<script>
 export default {
  data() {
   return {
    cos: null
   }
  },
  mounted() {
   // 引入腾讯云对象存储 SDK - 修改的版本是V5基于VUE3 ; 如果是导入本地插件需要选择正确路径
   this.cos = new COS({
    // getAuthorization: funciton() {}, // 参考上方初始化
    SecretId: 'xx', // sts 服务下发的临时 secretId
    SecretKey: 'xx', // sts 服务下发的临时 secretKey
    SimpleUploadMethod: 'putObject', // 强烈建议，高级上传、批量上传内部对小文件做简单上传时使用putObject
   });
  },
  methods: {
   /* 选择文件,得到临时路径(以选择图片为例，选择其他文件请参考小程序官方 api) */
   handleChooseImage() {
     wx.chooseImage({
      count: 1, // 默认9
      sizeType: ['original'], // 可以指定是原图还是压缩图，默认用原图
      sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
      success: function(res) {
       const filePath = res.tempFiles[0].path;
       const fileName = filePath.substr(filePath.lastIndexOf('/') + 1);
       handleFileInUploading(fileName, filePath);
      }
     });
   },
   handleFileInUploading(fileName, filePath) {
    this.cos.uploadFile({
     Bucket: 'ljx-1301875625',
     /* 填写自己的 bucket，必须字段 */
     Region: 'ap-shanghai',
     /* 存储桶所在地域，必须字段 */
     Key: fileName,
     /* 存储在桶里的对象键（例如:1.jpg，a/b/test.txt，图片.jpg）支持中文，必须字段 */
     FilePath: filePath,
     /* 上传文件路径，必须字段 */
     SliceSize: 1024 * 1024 * 5,
     /* 触发分块上传的阈值，超过5MB使用分块上传，小于5MB使用简单上传。可自行设置，非必须 */
     : function(progressData) {
      console.log(JSON.stringify(progressData));
     }
    }, function(err, data) {
     if (err) {
      console.log('上传失败', err);
     } else {
      console.log('上传成功', data);
     }
    });
   }
  }
 }
</script>