diff --git a/package.json b/package.json
index 8345d0e..cf63c8a 100644
--- a/package.json
+++ b/package.json
@@ -40,6 +40,7 @@
     "axios": "0.28.1",
     "clipboard": "2.0.8",
     "core-js": "^3.41.0",
+    "cos-js-sdk-v5": "^1.8.7",
     "echarts": "5.4.0",
     "element-ui": "2.15.14",
     "file-saver": "2.0.5",
diff --git a/src/components/ImageUpload/index.vue b/src/components/ImageUpload/index.vue
index 9596be4..f32c311 100644
--- a/src/components/ImageUpload/index.vue
+++ b/src/components/ImageUpload/index.vue
@@ -2,21 +2,18 @@
   <div class="component-upload-image">
     <el-upload
       multiple
-      :action="uploadImgUrl"
       list-type="picture-card"
-      :on-success="handleUploadSuccess"
       :before-upload="handleBeforeUpload"
       :limit="limit"
-      :on-error="handleUploadError"
       :on-exceed="handleExceed"
       ref="imageUpload"
       :on-remove="handleDelete"
       :show-file-list="true"
-      :headers="headers"
       :file-list="fileList"
       :on-preview="handlePictureCardPreview"
       :disabled="disabled"
       :class="{hide: this.fileList.length >= this.limit}"
+      :http-request="handleHttpRequest"
     >
       <i class="el-icon-plus"></i>
     </el-upload>
@@ -44,7 +41,7 @@
 </template>
 
 <script>
-import { getToken } from "@/utils/auth";
+import cos from '@/utils/cos'; // 导入您已经封装好的cos实例
 import { isExternal } from "@/utils/validate";
 
 export default {
@@ -57,11 +54,11 @@ export default {
     },
     // 大小限制(MB)
     fileSize: {
-       type: Number,
+      type: Number,
       default: 5,
     },
     disabled: {
-       type: Boolean,
+      type: Boolean,
       default: false,
     },
     // 文件类型, 例如['png', 'jpg', 'jpeg']
@@ -73,6 +70,16 @@ export default {
     isShowTip: {
       type: Boolean,
       default: true
+    },
+    // COS 配置
+    cosConfig: {
+      type: Object,
+      default: () => ({
+        Bucket: 'notice-1348525010', // 存储桶名称
+        Region: 'ap-beijing', // 存储桶地域
+        Prefix: '/images/' // 文件前缀
+      }),
+      required: true
     }
   },
   data() {
@@ -82,11 +89,6 @@ export default {
       dialogImageUrl: "",
       dialogVisible: false,
       hideUpload: false,
-      baseUrl: process.env.VUE_APP_BASE_API,
-      uploadImgUrl: process.env.VUE_APP_BASE_API + "/common/upload", // 上传的图片服务器地址
-      headers: {
-        Authorization: "Bearer " + getToken(),
-      },
       fileList: []
     };
   },
@@ -99,11 +101,7 @@ export default {
           // 然后将数组转为对象数组
           this.fileList = list.map(item => {
             if (typeof item === "string") {
-              if (item.indexOf(this.baseUrl) === -1 && !isExternal(item)) {
-                  item = { name: this.baseUrl + item, url: this.baseUrl + item };
-              } else {
-                  item = { name: item, url: item };
-              }
+              item = { name: item, url: item };
             }
             return item;
           });
@@ -123,7 +121,7 @@ export default {
     },
   },
   methods: {
-    // 上传前loading加载
+    // 上传前验证
     handleBeforeUpload(file) {
       let isImg = false;
       if (this.fileType.length) {
@@ -157,24 +155,62 @@ export default {
       }
       this.$modal.loading("正在上传图片，请稍候...");
       this.number++;
+      return true;
     },
+
+    // 自定义上传方法
+    handleHttpRequest(options) {
+      const { file } = options;
+      const fileName = `${this.cosConfig.Prefix}${Date.now()}_${file.name}`;
+
+      cos.putObject({
+        Bucket: this.cosConfig.Bucket,
+        Region: this.cosConfig.Region,
+        Key: fileName,
+        Body: file,
+        onProgress: (progressData) => {
+          // 如果需要显示上传进度可以在这里处理
+          console.log(JSON.stringify(progressData));
+        }
+      }, (err, data) => {
+        if (err) {
+          this.number--;
+          this.$modal.closeLoading();
+          this.$modal.msgError("上传失败");
+          this.$refs.imageUpload.handleRemove(file);
+          console.error('上传失败', err);
+          return;
+        }
+
+        // 上传成功
+        const fileUrl = `https://${data.Location}`;
+        this.handleUploadSuccess({
+          code: 200,
+          fileName: file.name,
+          fileUrl: fileUrl
+        }, file);
+      });
+    },
+
     // 文件个数超出
     handleExceed() {
       this.$modal.msgError(`上传文件数量不能超过 ${this.limit} 个!`);
     },
+
     // 上传成功回调
     handleUploadSuccess(res, file) {
       if (res.code === 200) {
-        this.uploadList.push({ name: res.fileName, url: res.fileName });
+        this.uploadList.push({ name: res.fileName, url: res.fileUrl });
         this.uploadedSuccessfully();
       } else {
         this.number--;
         this.$modal.closeLoading();
-        this.$modal.msgError(res.msg);
+        this.$modal.msgError(res.msg || "上传失败");
         this.$refs.imageUpload.handleRemove(file);
         this.uploadedSuccessfully();
       }
     },
+
     // 删除图片
     handleDelete(file) {
       const findex = this.fileList.map(f => f.name).indexOf(file.name);
@@ -183,11 +219,7 @@ export default {
         this.$emit("input", this.listToString(this.fileList));
       }
     },
-    // 上传失败
-    handleUploadError() {
-      this.$modal.msgError("上传图片失败，请重试");
-      this.$modal.closeLoading();
-    },
+
     // 上传结束处理
     uploadedSuccessfully() {
       if (this.number > 0 && this.uploadList.length === this.number) {
@@ -198,34 +230,43 @@ export default {
         this.$modal.closeLoading();
       }
     },
+
     // 预览
     handlePictureCardPreview(file) {
       this.dialogImageUrl = file.url;
       this.dialogVisible = true;
     },
+
     // 对象转成指定字符串分隔
     listToString(list, separator) {
       let strs = "";
       separator = separator || ",";
       for (let i in list) {
         if (list[i].url) {
-          strs += list[i].url.replace(this.baseUrl, "") + separator;
+          strs += list[i].url + separator;
         }
       }
       return strs != '' ? strs.substr(0, strs.length - 1) : '';
+    },
+
+    // 清空文件列表
+    clearFiles() {
+      this.fileList = [];
+      this.$emit("input", "");
     }
   }
 };
 </script>
+
 <style scoped lang="scss">
 // .el-upload--picture-card 控制加号部分
 ::v-deep.hide .el-upload--picture-card {
-    display: none;
+  display: none;
 }
 // 去掉动画效果
 ::v-deep .el-list-enter-active,
 ::v-deep .el-list-leave-active {
-    transition: all 0s;
+  transition: all 0s;
 }
 
 ::v-deep .el-list-enter, .el-list-leave-active {
@@ -233,4 +274,3 @@ export default {
   transform: translateY(0);
 }
 </style>
-
diff --git a/src/utils/cos.js b/src/utils/cos.js
new file mode 100644
index 0000000..60d46fe
--- /dev/null
+++ b/src/utils/cos.js
@@ -0,0 +1,40 @@
+import COS from 'cos-js-sdk-v5';
+import request from '@/utils/request'; // 引入你的封装请求方法
+const cos = new COS({
+  // 其他配置项可参考下方 初始化配置项
+  // getAuthorization 必选参数
+  getAuthorization: function (options, callback) {
+    // 初始化时不会调用，只有调用 cos 方法（例如 cos.putObject）时才会进入
+    // 异步获取临时密钥
+    // 服务端 JS 示例：https://github.com/tencentyun/cos-js-sdk-v5/blob/master/server/
+    // 服务端其他语言参考 COS STS SDK ：https://github.com/tencentyun/qcloud-cos-sts-sdk
+    // STS 详细文档指引看：https://cloud.tencent.com/document/product/436/14048
+    const stsUrl = '/cos/sts'; // 使用相对路径，避免本地开发跨域问题
+    request({
+      url: stsUrl,
+      method: 'GET'
+    }).then(response => {
+      console.log('执行了')
+      const data = response; // 适配你的 request 返回格式
+      if (!data || !data.credentials) {
+        return console.error('credentials invalid:\n' + JSON.stringify(data, null, 2));
+      }
+
+      const {credentials} = data;
+
+      callback({
+        TmpSecretId: credentials.tmpSecretId,
+        TmpSecretKey: credentials.tmpSecretKey,
+        SecurityToken: credentials.sessionToken,
+        StartTime: data.startTime, // 时间戳，单位秒
+        ExpiredTime: data.expiredTime, // 时间戳，单位秒
+        ScopeLimit: true // 细粒度控制权限需要设为 true
+      });
+
+    }).catch(error => {
+      console.error('获取临时密钥失败', error);
+    });
+
+  }
+});
+export default cos;