diff --git a/app/api/upload.ts b/app/api/upload.ts
new file mode 100644
index 0000000..e69de29
diff --git a/app/components.d.ts b/app/components.d.ts
index 6b6e898..43d7130 100644
--- a/app/components.d.ts
+++ b/app/components.d.ts
@@ -27,6 +27,7 @@ declare module 'vue' {
     NInputNumber: typeof import('naive-ui')['NInputNumber']
     NModal: typeof import('naive-ui')['NModal']
     NPopconfirm: typeof import('naive-ui')['NPopconfirm']
+    NProgress: typeof import('naive-ui')['NProgress']
     NQrCode: typeof import('naive-ui')['NQrCode']
     NRadio: typeof import('naive-ui')['NRadio']
     NRadioGroup: typeof import('naive-ui')['NRadioGroup']
diff --git a/app/components/ModelList.vue b/app/components/ModelList.vue
index ec9d5cc..a3f097c 100644
--- a/app/components/ModelList.vue
+++ b/app/components/ModelList.vue
@@ -87,6 +87,7 @@ const listParams = ref({
   ...props.params,
   pageNumber: 1,
   pageSize: 20,
+  isCollect:1,
 });
 function initPageNUm() {
   listParams.value.pageNumber = 1;
diff --git a/app/components/Payment.vue b/app/components/Payment.vue
index 9c9f401..1ac6d2f 100644
--- a/app/components/Payment.vue
+++ b/app/components/Payment.vue
@@ -79,7 +79,6 @@ const paymentStatus = ref(1);
 const paymentParams = ref({
   amount: props.info[0].unitPrice,
   productId: props.info[0].id,
-  promotionId: 0,
   type: "member",
 });
 async function getQrCode() {
@@ -100,6 +99,7 @@ async function getQrCode() {
             message.success("支付成功!");
             onPaymentSuccess();
             emit("closePayment");
+            window.location.reload();
           } else if (res2.data === 4) {
             paymentStatus.value = 4;
             clearTimeout(pollingTimer);
@@ -130,8 +130,12 @@ async function handleActivityChange(value: number) {
 async function changeCurrentNeedPayment(index: number) {
   currentNeedPayment.value = index;
   paymentParams.value.productId = props.info[index].id;
+  let url =  `/member/calculatePayment?memberLevelId=${paymentParams.value.productId}&`
+  if(paymentParams.value.promotionId){
+    url += `promotionId=${paymentParams.value.promotionId}`
+  }
   const res1 = await request.get(
-    `/member/calculatePayment?promotionId=${paymentParams.value.promotionId}&memberLevelId=${paymentParams.value.productId}`
+   url
   );
   if (res1.code === 200) {
     paymentParams.value.amount = res1.data;
diff --git a/app/components/PictureDetail.vue b/app/components/PictureDetail.vue
index 38584d3..950b74f 100644
--- a/app/components/PictureDetail.vue
+++ b/app/components/PictureDetail.vue
@@ -67,7 +67,7 @@ const commentHeight = ref(200);
 //点赞
 async function onLike() {
   try {
-    const res = await request.get(`/image/imageLike?id=${props.item.id}`);
+    const res = await request.get(`/image/imageLike?id=${props.item.modelImageId || props.item.id}`);
     if (res.code === 200) {
       // emit('updateLike')
       if (dataInfo.value.isLike === 1) {
diff --git a/app/components/WorkFlowList.vue b/app/components/WorkFlowList.vue
index a03385b..ea2a334 100644
--- a/app/components/WorkFlowList.vue
+++ b/app/components/WorkFlowList.vue
@@ -90,7 +90,8 @@ const listParams = ref({
   ...props.params,
   pageNumber: 1,
   pageSize: 20,
-  name:modalStore.searchQuery
+  name:modalStore.searchQuery,
+  isCollect:1,
 });
 function initPageNUm() {
   listParams.value.pageNumber = 1;
diff --git a/app/components/fileUpload/index.vue b/app/components/fileUpload/index.vue
new file mode 100644
index 0000000..598ccde
--- /dev/null
+++ b/app/components/fileUpload/index.vue
@@ -0,0 +1,476 @@
+<template>
+  <div class="upload-container">
+    <div class="fileUpload">
+      <div class="item-upload">
+        <!-- <span v-if="required" class="required">*</span> -->
+        <!-- <n-button type="success" @click="triggerFileSelect"> 文件选择 </n-button> -->
+        <input
+          type="file"
+          ref="fileInputRef"
+          class="file2"
+          style="display: none"
+          @change="selectFile"
+        />
+      </div>
+      <!-- <div v-if="showFileName" class="item-info">
+        {{ fileName }}
+      </div>
+      <div v-else class="item-info">支持{{ getAcceptType() }}文件格式</div>
+      <div v-if="progress > 0" class="item-cancel">
+        <n-button type="success" style="margin-top: 5px" @click="cancelUploadInfo">
+          X
+        </n-button>
+      </div> -->
+    </div>
+    <div class="item-process" v-if="progress > 0">
+      <n-progress
+        type="line"
+        :percentage="progress"
+        indicator-placement="inside"
+        processing
+      />
+    </div>
+    <div v-if="requiredValid" class="item-valid">请上传文件</div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { MessageReactive, useMessage } from "naive-ui";
+import SparkMD5 from 'spark-md5';
+import { onMounted, ref } from "vue";
+const messageReactive: MessageReactive | null = null;
+// const { calculateHash } = useFileHash();
+// const { calculateHash, isCalculating } = useFileHash()
+// debugger
+// Props 定义
+const props = defineProps({
+  accept: {
+    type: Array as PropType<string[]>,
+    default: () => ["doc", "docx", "pdf", "safetensors", "ckpt"],
+  },
+  required: {
+    type: Boolean,
+    default: false,
+  },
+  fileSize: {
+    type: Number,
+    default: 2000,
+  },
+  verifyHash: {
+    type: Boolean,
+    default: false,
+  },
+  verifyName: {
+    type: Boolean,
+    default: false,
+  },
+  type: {
+    type: String,
+    default: "model",
+  },
+});
+
+// 响应式状态
+const fileInputRef = ref<HTMLInputElement | null>(null);
+const file = ref<File | null>(null);
+const fileName = ref("");
+const fileSize = ref(0);
+const progress = ref(0);
+const objectKey = ref("");
+const chunkSize = ref(3 * 1024 * 1024);
+const totalChunks = ref(0);
+const currentChunk = ref(1);
+const uploadId = ref("");
+const partArr = ref([]);
+const showFileName = ref(false);
+const bucketName = ref("");
+const objectKeyName = ref("");
+const requiredValid = ref(false);
+const hashCode = ref("");
+const message = useMessage();
+const currentFileSize = ref(0)
+// 触发文件选择
+const triggerFileSelect = () => {
+  fileInputRef.value?.click();
+};
+
+// 获取接受的文件类型
+const getAcceptType = () => {
+  return props.accept.join(",");
+};
+
+// 添加计算hash的函数
+const calculateFileHash = (file: File): Promise<string> => {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.readAsArrayBuffer(file);
+
+    reader.onload = (event) => {
+      try {
+        const buffer = event.target?.result as ArrayBuffer;
+        const spark = new SparkMD5.ArrayBuffer();
+        spark.append(buffer);
+        const hash = spark.end();
+        resolve(hash);
+      } catch (error) {
+        reject(error);
+      }
+    };
+
+    reader.onerror = () => {
+      reject(new Error('Failed to read file'));
+    };
+  });
+};
+// const calculateFileHash = (file: File): Promise<string> => {
+//   return new Promise((resolve, reject) => {
+//     const reader = new FileReader();
+//     reader.readAsArrayBuffer(file);
+
+//     reader.onload = async (event) => {
+//       try {
+//         const buffer = event.target?.result as ArrayBuffer;
+//         const hashBuffer = await window.crypto.subtle.digest("SHA-256", buffer);
+//         const hashArray = Array.from(new Uint8Array(hashBuffer));
+//         const hashHex = hashArray.map((b) => b.toString(16).padStart(2, "0")).join("");
+//         resolve(hashHex);
+//       } catch (error) {
+//         reject(error);
+//       }
+//     };
+
+//     reader.onerror = () => {
+//       reject(new Error("Failed to read file"));
+//     };
+//   });
+// };
+// 生成唯一ID
+const guid = () => {
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (c) {
+    const r = (Math.random() * 16) | 0;
+    const v = c === "x" ? r : (r & 0x3) | 0x8;
+    return v.toString(16);
+  });
+};
+
+// 初始化参数
+const initParam = () => {
+  file.value = null;
+  objectKey.value = "";
+  totalChunks.value = 0;
+  currentChunk.value = 1;
+  uploadId.value = "";
+  partArr.value = [];
+  requiredValid.value = false;
+};
+
+function getOssDefaultPath(name, uuid) {
+  const now = new Date();
+  const year = now.getFullYear(); // 获取当前年份
+  const month = String(now.getMonth() + 1).padStart(2, "0"); // 获取当前月份，确保两位
+  const day = String(now.getDate()).padStart(2, "0"); // 获取当前日期，确保两位
+
+  return `${year}/${month}/${day}/${uuid}/${name}`; // 拼接路径
+}
+// 选择文件处理
+const selectFile = async (event: Event) => {
+  const target = event.target as HTMLInputElement;
+  if (!target.files?.length) return;
+
+  file.value = target.files[0];
+  target.value = "";
+
+  if (file.value?.size) {
+    currentFileSize.value = file.value?.size
+    // 文件大小检查
+    const calculatedFileSize = Math.round((file.value.size / 1024 / 1024) * 100) / 100;
+    if (calculatedFileSize > props.fileSize) {
+      message.warning(`文件大小超过上限${props.fileSize}MB`);
+      return;
+    }
+    fileSize.value = calculatedFileSize;
+
+    // 文件类型检查
+    const selectedFileName = file.value.name;
+    const fileType = selectedFileName.split(".").pop()?.toLowerCase();
+    if (!fileType || !props.accept.includes(fileType)) {
+      message.warning("文件类型不支持");
+      return;
+    }
+
+    try {
+      // 继续上传流程
+      progress.value = 0;
+      fileName.value = file.value.name;
+      showFileName.value = true;
+
+      // 计算文件hash
+      if (props.verifyHash) {
+        message.info("正在校验文件hash...");
+        try {
+          hashCode.value = await calculateFileHash(file.value);
+        } catch (err) {
+          message.warning(err)
+          hashCode.value = ''
+        }finally{
+          // messageReactive.destroy();
+          // messageReactive = null;
+        }
+        // hashCode.value = await calculateHash(file.value)
+        // hashCode.value = await calculateFileHash(file.value);
+        // 检查文件是否已存在
+        try {
+          const hashRes = await request.get(
+            `/file/selectHash?hashCode=${hashCode.value}&type=${
+              props.type === "model" ? 0 : 1
+            }`
+          );
+          if (hashRes.data !== 1) {
+            message.warning("文件已存在");
+            return;
+          }
+        } finally {
+          if (messageReactive) {
+            // messageReactive.destroy();
+            // messageReactive = null;
+          }
+        }
+      }
+
+      //   校验名称
+      if (props.verifyName) {
+        message.info("正在校验文件名...");
+        // 检查文件是否已存在
+        // 上传文件前先校验是否存在  存在为0 不存在为1
+        try {
+          const res = await request.get(
+            `/file/selectFile?type=${props.type}&name=${fileName.value}`
+          );
+          if (res.data !== 1) {
+            message.warning("文件名已存在");
+            return;
+          }
+        } finally {
+          if (messageReactive) {
+            // messageReactive.destroy();
+            // messageReactive = null;
+          }
+        }
+      }
+
+      totalChunks.value = Math.ceil(file.value.size / chunkSize.value);
+      objectKey.value = `${getOssDefaultPath(fileName.value, guid())}`;
+      // 获取上传ID
+      const res = await request.get(`/file/getUploadId?objectKey=${objectKey.value}`);
+      uploadId.value = res.data;
+      progress.value = 1;
+      uploadFile();
+    } catch (error) {
+      console.error("文件处理失败:", error);
+      message.error("文件处理失败");
+      initParam();
+    }
+  }
+  //   const target = event.target as HTMLInputElement;
+  //   if (!target.files?.length) return;
+
+  //   file.value = target.files[0];
+  //   target.value = "";
+
+  //   if (file.value?.size) {
+  //     const calculatedFileSize = Math.round((file.value.size / 1024 / 1024) * 100) / 100;
+  //     if (calculatedFileSize > props.fileSize) {
+  //       message.warning(`文件大小超过上限${props.fileSize}MB`);
+  //       return;
+  //     }
+  //     fileSize.value = calculatedFileSize;
+
+  //     const selectedFileName = file.value.name;
+  //     const fileType = selectedFileName.split(".").pop()?.toLowerCase();
+
+  //     if (!fileType || !props.accept.includes(fileType)) {
+  //       message.warning("文件类型不支持");
+  //       return;
+  //     }
+
+  //     progress.value = 0;
+  //     fileName.value = file.value.name;
+  //     showFileName.value = true;
+  //     totalChunks.value = Math.ceil(file.value.size / chunkSize.value);
+  //     objectKey.value = `${getOssDefaultPath(fileName.value, guid())}`;
+  //     try {
+  //       const res = await request.get(`/file/getUploadId?objectKey=${objectKey.value}`);
+  //       uploadId.value = res.data;
+  //       progress.value = 1;
+  //       uploadFile();
+  //     } catch (error) {
+  //       message.error("获取上传ID失败");
+  //     }
+  //   }
+};
+
+// 文件上传
+const uploadFile = async () => {
+  if (!file.value) return;
+
+  const index = currentChunk.value - 1;
+  const start = index * chunkSize.value;
+  const end = Math.min((index + 1) * chunkSize.value, file.value.size);
+
+  const formData = new FormData();
+  formData.append("file", file.value.slice(start, end));
+  formData.append("chunk", String(currentChunk.value));
+  formData.append("objectKey", objectKey.value);
+  formData.append("uploadId", uploadId.value);
+
+  try {
+    const res = await request.post("/file/chunk", formData, {
+      headers: { "Content-Type": "multipart/form-data" },
+    });
+
+    partArr.value.push(res.data);
+    currentChunk.value++;
+    progress.value = Math.floor((currentChunk.value / totalChunks.value) * 100);
+
+    if (currentChunk.value <= totalChunks.value) {
+      uploadFile();
+    } else {
+      progress.value = 99;
+      complete();
+    }
+  } catch (error) {
+    initParam();
+    console.error("切片上传失败：", error);
+    message.warning("文件上传异常或上传已取消");
+  }
+};
+
+// 完成上传
+const complete = async () => {
+  try {
+    const res = await request.post(
+      `/file/completeUpload?objectKey=${objectKey.value}&uploadId=${uploadId.value}`,
+      partArr.value
+    );
+
+    bucketName.value = res.data.bucketName;
+    objectKeyName.value = res.data.objectKey;
+    progress.value = 100;
+
+    // 发送上传成功事件
+    emit("upload-success", {
+      objectKey: objectKeyName.value,
+      objectUrl: res.data.objectUrl, // 假设后端返回了文件路径
+      fileName: fileName.value,
+      currentFileSize: currentFileSize.value,
+      hashCode: hashCode.value,
+    });
+
+    initParam();
+  } catch (error) {
+    console.error("文件上传失败：", error);
+    message.warning("文件上传失败");
+  }
+};
+
+// 定义上传完成后发送的事件
+const emit = defineEmits<{
+  "upload-success": [
+    {
+      objectKey: string;
+      objectUrl: string;
+      fileName: string;
+      currentFileSize: number;
+      hashCode: number;
+    }
+  ];
+}>();
+
+// 取消上传
+const cancelUploadInfo = async () => {
+  if (progress.value !== 100) {
+    try {
+      await request.post("/file/cancelUpload", {
+        objectKey: objectKey.value,
+        uploadId: uploadId.value,
+      });
+    } catch (error) {
+      message.error("取消上传失败");
+    }
+  }
+  progress.value = 0;
+  showFileName.value = false;
+  initParam();
+};
+
+// 校验是否已上传
+const validRequired = () => {
+  if (bucketName.value && objectKeyName.value) {
+    requiredValid.value = false;
+    return true;
+  }
+  requiredValid.value = true;
+  return false;
+};
+
+// 获取上传信息
+const getUploadInfo = () => {
+  return {
+    bucketName: bucketName.value,
+    fileName: objectKeyName.value,
+    fileSize: fileSize.value,
+  };
+};
+
+// 初始化
+onMounted(() => {
+  progress.value = 0;
+});
+
+// 明确暴露方法
+defineExpose({
+  triggerFileSelect,
+  validRequired,
+  getUploadInfo,
+});
+</script>
+
+<style scoped>
+.upload-container {
+  .fileUpload {
+    display: flex;
+    flex-direction: row;
+    padding: 0px 8px;
+    .item-upload {
+      width: 100px;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: center;
+      .required {
+        color: red;
+        padding: 0px 5px;
+      }
+    }
+    .item-info {
+      flex: 1;
+      padding-top: 12px;
+      font-size: 13px;
+    }
+    .item-cancel {
+      width: 30px;
+      padding-right: 20px;
+    }
+  }
+  .item-process {
+    margin-top: 10px;
+    /* padding: 0px 23px; */
+    box-sizing: border-box;
+  }
+  .item-valid {
+    color: red;
+    padding: 0px 10px;
+    font-size: 13px;
+  }
+}
+</style>
diff --git a/app/components/publishModel/EditVersion.vue b/app/components/publishModel/EditVersion.vue
index 54c3bcd..a1e5f99 100644
--- a/app/components/publishModel/EditVersion.vue
+++ b/app/components/publishModel/EditVersion.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { commonApi } from "@/api/common";
-import { uploadFileBatches } from "@/utils/uploadImg.ts";
 import { cloneDeep } from "lodash-es";
 import { Asterisk, Trash } from "lucide-vue-next";
 import type { FormInst } from "naive-ui";
@@ -18,6 +17,22 @@ const props = defineProps({
 const emit = defineEmits(["update:modelValue", "nextStep", "prevStep"]);
 const acceptTypes =
   ".safetensors,.ckpt,.pt,.bin,.pth,.zip,.json,.flow,.lightflow,.yaml,.yml,.onnx,.gguf,.sft";
+const acceptTypesList = [
+  "safetensors",
+  "ckpt",
+  "pt",
+  "bin",
+  "pth",
+  "zip",
+  "json",
+  "flow",
+  "lightflow",
+  "yaml",
+  "yml",
+  "onnx",
+  "gguf",
+  "sft",
+];
 const modelVersionItem = {
   objectKey: null,
   isEncrypt: 0, //0不加密
@@ -126,48 +141,38 @@ async function nextStep() {
   }
 }
 
+// 获取上文件的信息
+const uploadRef = ref<InstanceType<typeof FileUpload> | null>(null);
+// const getFileInfo = () => {
+//   if (uploadRef.value[0].validRequired()) {
+//     const fileInfo = uploadRef.value[0].getUploadInfo()
+//     console.log(fileInfo)
+//   }
+// }
+
+const handleUploadSuccess = (fileInfo: {
+  objectKey: string;
+  objectUrl: string;
+  fileName: string;
+  currentFileSize: number;
+  hashCode:string
+}) => {
+  localForm.value.modelVersionList[uploadFileIndex.value].filePath = fileInfo.objectUrl;
+  localForm.value.modelVersionList[uploadFileIndex.value].objectKey = fileInfo.objectKey;
+  localForm.value.modelVersionList[uploadFileIndex.value].fileName = fileInfo.fileName;
+  localForm.value.modelVersionList[uploadFileIndex.value].fileSize = fileInfo.currentFileSize;
+  localForm.value.modelVersionList[uploadFileIndex.value].fileHash = fileInfo.hashCode;
+  // message.success('文件上传成功')
+  // 这里可以处理文件上传成功后的逻辑
+  // 比如更新表单数据等
+};
+
 // 上传文件
 const uploadFileIndex = ref(0);
-const fileInput = ref<HTMLInputElement | null>(null);
-function triggerFileInput(index: number) {
-  (fileInput.value as HTMLInputElement)?.click();
+async function triggerFileInput(index: number) {
+  uploadRef.value[0].triggerFileSelect()
   uploadFileIndex.value = index;
 }
-async function handleFileChange(event: Event) {
-  const target = event.target as HTMLInputElement;
-  const files = target.files;
-
-  if (files && files.length > 0) {
-    const { name, size } = files[0] as { name: string; size: number };
-    try {
-      // 上传文件前先校验是否存在  存在为0 不存在为1
-      const res1 = await request.get(`/file/selectFile?type=model&name=${name}`);
-      if (res1.code == 200) {
-        if (res1.data === 1) {
-          try {
-            loading.value = true;
-            const res = await uploadFileBatches(files);
-            localForm.value.modelVersionList[uploadFileIndex.value].filePath =
-              res[0].path;
-            localForm.value.modelVersionList[uploadFileIndex.value].objectKey =
-              res[0].objectKey;
-            localForm.value.modelVersionList[uploadFileIndex.value].fileName = name;
-            localForm.value.modelVersionList[uploadFileIndex.value].fileSize = size;
-          } catch (err) {
-            console.log(err);
-          } finally {
-            loading.value = false;
-          }
-        } else {
-          message.warning("该模型名称已存在");
-        }
-      }
-    } catch (err) {
-      console.log(err);
-    }
-  }
-  target.value = "";
-}
 
 function prevStep() {
   emit("prevStep");
@@ -193,6 +198,14 @@ function onDelete(index: number) {
   if (computedDelFlag().length === 1) return;
   localForm.value.modelVersionList[index].delFlag = "2";
 }
+
+function handledeleteFile(item:any){
+  item.filePath = ''
+  item.fileKey = ''
+  item.fileName = ''
+  item.fileSize = ''
+  item.hashCode = ''
+}
 </script>
 
 <template>
@@ -253,7 +266,7 @@ function onDelete(index: number) {
             <div>
               <Trash
                 class="cursor-pointer"
-                @click="(item.fileName = ''), (item.filePath = '')"
+                @click="handledeleteFile(item)"
               />
             </div>
           </div>
@@ -274,6 +287,16 @@ function onDelete(index: number) {
                     .safetensors/.ckpt/.pt/.bin/.pth/.zip/.json/.flow/.lightflow/.yaml/.yml/.onnx/.gguf/.sft
                   </div>
                 </div>
+                <fileUpload
+                  ref="uploadRef"
+                  :verify-hash="true"
+                  :verify-name="true"
+                  type="model"
+                  :accept="acceptTypesList"
+                  @upload-success="handleUploadSuccess"
+                  :required="true"
+                  :file-size="5000"
+                ></fileUpload>
               </div>
             </n-spin>
           </div>
@@ -305,8 +328,6 @@ function onDelete(index: number) {
               <n-select v-model:value="item.modelVersionType" multiple :options="baseModelTypeList" />
              </div>
           </div> -->
-
-         
         </n-form>
         <div v-if="item.isPublic === 1">
           <div class="mt-4 mb-1 text-gray-400 text-[12px]">付费设置</div>
@@ -427,13 +448,6 @@ function onDelete(index: number) {
       </div>
     </div>
   </div>
-  <input
-    ref="fileInput"
-    type="file"
-    class="hidden"
-    :accept="acceptTypes"
-    @change="handleFileChange"
-  />
 </template>
 
 <style lang="scss" scoped>
diff --git a/app/components/publishWorkFlow/EditVersion.vue b/app/components/publishWorkFlow/EditVersion.vue
index 12da886..1a4c6cc 100644
--- a/app/components/publishWorkFlow/EditVersion.vue
+++ b/app/components/publishWorkFlow/EditVersion.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { uploadFileBatches } from "@/utils/uploadImg.ts";
 import { cloneDeep } from "lodash-es";
 import { Asterisk, Trash } from "lucide-vue-next";
 import type { FormInst } from "naive-ui";
@@ -12,6 +11,11 @@ const props = defineProps({
     required: true,
   },
 });
+
+const acceptTypesList = [
+  'json','zip'
+];
+
 const emit = defineEmits(["update:modelValue", "nextStep", "preStep"]);
 const loading = ref(false)
 const localForm = computed({
@@ -104,48 +108,30 @@ async function nextStep() {
 function preStep() {
   emit("preStep");
 }
-// 上传文件
+
+const uploadRef = ref<InstanceType<typeof FileUpload> | null>(null);
+
+const handleUploadSuccess = (fileInfo: {
+objectKey: string;
+objectUrl: string;
+fileName: string;
+currentFileSize: number;
+hashCode:string
+}) => {
+localForm.value.workFlowVersionList[uploadFileIndex.value].filePath = fileInfo.objectUrl;
+localForm.value.workFlowVersionList[uploadFileIndex.value].objectKey = fileInfo.objectKey;
+localForm.value.workFlowVersionList[uploadFileIndex.value].fileName = fileInfo.fileName;
+localForm.value.workFlowVersionList[uploadFileIndex.value].fileSize = fileInfo.currentFileSize;
+localForm.value.workFlowVersionList[uploadFileIndex.value].fileHash = fileInfo.hashCode;
+// message.success('文件上传成功')
+};
+
 const uploadFileIndex = ref(0);
-const fileInput = ref<HTMLInputElement | null>(null);
-function triggerFileInput(index: number) {
-  (fileInput.value as HTMLInputElement)?.click();
+async function triggerFileInput(index: number) {
+  uploadRef.value[0].triggerFileSelect()
   uploadFileIndex.value = index;
 }
-async function handleFileChange(event: Event) {
-  const target = event.target as HTMLInputElement;
-  const files = target.files;
 
-  if (files && files.length > 0) {
-    const { name, size } = files[0] as { name: string; size: number };
-    try {
-      const res1 = await request.get(`/file/selectFile?type=workflow&name=${name}`);
-      if (res1.code == 200) {
-        if (res1.data === 1) {
-          //存在为0 不存在为1
-          try {
-            loading.value = true
-            const res = await uploadFileBatches(files);
-            localForm.value.workFlowVersionList[uploadFileIndex.value].filePath =
-              res[0].path;
-            localForm.value.workFlowVersionList[uploadFileIndex.value].objectKey =
-              res[0].objectKey;
-            localForm.value.workFlowVersionList[uploadFileIndex.value].fileName = name;
-            localForm.value.workFlowVersionList[uploadFileIndex.value].fileSize = size;
-          } catch (err) {
-            console.log(err);
-          }finally{
-            loading.value = false
-          }
-        } else {
-          message.error("该工作流名称已存在");
-        }
-      }
-    } catch (err) {
-      console.log(err);
-    }
-  }
-  target.value = "";
-}
 
 function computedDelFlag() {
   return localForm.value.workFlowVersionList.filter((item: any) => item.delFlag === "0");
@@ -222,6 +208,16 @@ function onDelete(index: number) {
                     <div class="my-3">点击上传文件</div>
                     <div class="text-[#999999] text-xs">.json/.zip</div>
                   </div>
+                  <fileUpload
+                  ref="uploadRef"
+                  :verify-hash="true"
+                  :verify-name="true"
+                  type="workflow"
+                  :accept="acceptTypesList"
+                  @upload-success="handleUploadSuccess"
+                  :required="true"
+                  :file-size="5000"
+                ></fileUpload>
                 </div>
               </n-spin>
             </div>
@@ -244,14 +240,6 @@ function onDelete(index: number) {
       </div>
     </div>
   </div>
-
-  <input
-    ref="fileInput"
-    type="file"
-    class="hidden"
-    :accept="acceptTypes"
-    @change="handleFileChange"
-  />
 </template>
 
 <style lang="scss" scoped>
diff --git a/app/composables/useFileHash.ts b/app/composables/useFileHash.ts
new file mode 100644
index 0000000..dffd76a
--- /dev/null
+++ b/app/composables/useFileHash.ts
@@ -0,0 +1,57 @@
+// composables/useFileHash.ts
+import { ref } from 'vue'
+
+export const useFileHash = () => {
+  const isCalculating = ref(false)
+  const error = ref<Error | null>(null)
+
+  const calculateHash = async (file: File): Promise<string> => {
+    try {
+      if (!process.client) {
+        throw new Error('This function can only run in browser')
+      }
+
+      if (!window.crypto || !window.crypto.subtle) {
+        throw new Error('Crypto API is not supported in this browser')
+      }
+
+      isCalculating.value = true
+
+      return await new Promise((resolve, reject) => {
+        const reader = new FileReader()
+        reader.readAsArrayBuffer(file)
+
+        reader.onload = async (event) => {
+          try {
+            const buffer = event.target?.result as ArrayBuffer
+            if (!buffer) {
+              throw new Error('Failed to read file buffer')
+            }
+
+            const hashBuffer = await window.crypto.subtle.digest('SHA-256', buffer)
+            const hashArray = Array.from(new Uint8Array(hashBuffer))
+            const hashHex = hashArray.map(b => b.toString(16).padStart(2, '0')).join('')
+            resolve(hashHex)
+          } catch (err) {
+            reject(err)
+          }
+        }
+
+        reader.onerror = () => {
+          reject(new Error('Failed to read file'))
+        }
+      })
+    } catch (err) {
+      error.value = err as Error
+      throw err
+    } finally {
+      isCalculating.value = false
+    }
+  }
+
+  return {
+    calculateHash,
+    isCalculating,
+    error
+  }
+}
\ No newline at end of file
diff --git a/app/pages/member-center/index.vue b/app/pages/member-center/index.vue
index 7edaf8c..3dce79c 100644
--- a/app/pages/member-center/index.vue
+++ b/app/pages/member-center/index.vue
@@ -260,7 +260,7 @@ async function getActivity(item) {
             class="w-full bg-[#f2d5bc] text-[#6b4f3f] rounded-full py-2.5 mt-8 font-medium cursor-pointer"
             @click="showPayment(1)"
           >
-            开通会员
+           {{  isMember.result === "1" ? '立即续费' :  '开通会员'}} 
           </button>
 
           <!-- 兑换会员链接 -->
diff --git a/app/pages/model-details/[id].vue b/app/pages/model-details/[id].vue
index 9032742..259b735 100644
--- a/app/pages/model-details/[id].vue
+++ b/app/pages/model-details/[id].vue
@@ -112,8 +112,8 @@ async function getAttention() {
 
 // 举报/编辑/删除
 const isDelete = ref(false);
-async function handleSelect(type) {
-  // event.stopPropagation(); // 阻止事件冒泡
+async function handleSelect(event, type) {
+  event.stopPropagation(); // 阻止事件冒泡
   if (type === "report") {
     isVisibleReport.value = true;
     // await request.get(`/WorkFlow/report?id=${id}`) // 举报
@@ -251,17 +251,17 @@ function handleTabChange(id) {
   }
 }
 
-
 async function addCollect(){
   try {
     const params = {
       "productId": versionByWorkInfo.value[currentTabsIndex.value].id,
-      "productType": 0,
+      "productType": detailsInfo.value.modelType,
+      collectType:0
     }
     const res = await request.post("/collect/addCollect", params);
     if (res.code === 200) {
       versionByWorkInfo.value[currentTabsIndex.value].isCollect = res.data
-      if(res.data === 0){
+      if(res.data === 1){
         message.success("已加入模型库, 可通过在线生图使用");
       }else{
         message.success("已从模型库中移除");
@@ -533,14 +533,14 @@ async function handelDown(){
             >
               <component
                 :is="
-                  versionByWorkInfo[currentTabsIndex].isCollect === 1
+                  versionByWorkInfo[currentTabsIndex].isCollect === 0
                     ? SquarePlus
                     : SquareCheck
                 "
                 class="h-[20px] w-[20px] text-black menu-icon m-1 text-[#969798]"
               />
               <span class="mr-1">
-                {{ versionByWorkInfo[currentTabsIndex].isCollect === 1 ? '加入模型库' : '已加入'}}
+                {{ versionByWorkInfo[currentTabsIndex].isCollect === 0 ? '加入模型库' : '已加入'}}
               </span>
             </div>
 
@@ -654,9 +654,14 @@ async function handelDown(){
 .n-tabs.n-tabs--bar-type .n-tabs-tab.n-tabs-tab--active {
   color: #000;
   font-weight: 700;
-  font-size: 24px;
+  font-size: 24px !important;
 }
-
+.n-tabs-tab--active{
+  font-size: 24px !important;
+}
+// .n-tabs.n-tabs--line-type .n-tabs-tab.n-tabs-tab--active, .n-tabs.n-tabs--bar-type .n-tabs-tab.n-tabs-tab--active{
+//   font-size: 20px;
+// }
 .n-tabs .n-tabs-bar {
   position: absolute;
   bottom: 0;
diff --git a/app/pages/personal-center/index.vue b/app/pages/personal-center/index.vue
index f3d14b5..54bfd41 100644
--- a/app/pages/personal-center/index.vue
+++ b/app/pages/personal-center/index.vue
@@ -670,13 +670,13 @@ const closeBindingModal = () =>{
           </div>
           <div class="production-state-item mr-5">
             <span class="production-state-number font-bold">{{
-              selectUserInfo.download ? selectUserInfo.download : 0
+              selectUserInfo.modelDownloadNum +  selectUserInfo.modelRunNum
             }}</span>
             作品被使用次数
           </div>
           <div class="production-state-item">
             <span class="production-state-number font-bold">{{
-              selectUserInfo.likeCount ? selectUserInfo.likeCount : 0
+              selectUserInfo.imageLikeNum + selectUserInfo.modelLikeNum
             }}</span>
             作品被点赞次数
           </div>
diff --git a/app/pages/test/index.vue b/app/pages/test/index.vue
new file mode 100644
index 0000000..1a80d55
--- /dev/null
+++ b/app/pages/test/index.vue
@@ -0,0 +1,323 @@
+<template>
+  <div class="upload-container">
+    <div class="fileUpload">
+      <div class="item-upload">
+        <span v-if="required" class="required">*</span>
+        <n-button type="success" onclick="document.getElementById('fpfileName').click()">
+          文件选择
+        </n-button>
+        <!-- <el-button type="primary" οnclick="document.getElementById('fpfileName').click()">文件选择</el-button> -->
+        <input
+          type="file"
+          id="fpfileName"
+          class="file2"
+          style="display: none"
+          @change="selectFile"
+        />
+      </div>
+      <div v-if="showFileName" class="item-info">
+        {{ fileName }}
+      </div>
+      <div v-else class="item-info">支持{{ getAcceptType() }}文件格式</div>
+      <div v-if="progress > 0" class="item-cancel">
+        <n-button type="success" style="margin-top: 5px" @click="cancelUploadInfo">
+          X
+        </n-button>
+      </div>
+    </div>
+    <div class="item-process" v-if="progress > 0">
+      <n-progress
+        type="line"
+        :percentage="progress"
+        indicator-placement="inside"
+        processing
+      />
+      <!-- <el-progress :text-inside="true" :stroke-width="20" :percentage="progress"/> -->
+    </div>
+    <div v-if="requiredValid" class="item-valid">请上传文件</div>
+  </div>
+</template>
+<script>
+// import { message } from 'element-plus';
+// import { request } from "http";
+import { defineComponent, onMounted, reactive, toRefs } from "vue";
+export default defineComponent({
+  name: "file-upload",
+  props: {
+    //文件接受类型
+    accept: {
+      type: Array,
+      default: ["doc", "docx", "pdf", "safetensors", "ckpt"],
+    },
+    //是否必填
+    required: {
+      type: Boolean,
+      default: false,
+    },
+    //文件限制大小
+    fileSize: {
+      type: Number,
+      default: 2000,
+    },
+  },
+  setup(props) {
+    const data = reactive({
+      file: null,
+      fileName: "",
+      fileSize: 0,
+      progress: 0,
+      objectKey: "",
+      chunkSize: 5 * 1024 * 1024,
+      totalChunks: 0,
+      currentChunk: 1,
+      uploadId: "",
+      partArr: [],
+      showFileName: false,
+      bucketName: "",
+      objectKeyName: "",
+      required: props.required,
+      requiredValid: false,
+    });
+    const message = useMessage();
+
+    // 选择文件
+    const selectFile = async (event) => {
+      data.file = event.target.files[0];
+      event.target.value = "";
+      if (data?.file?.size) {
+        const fileSize = Math.round((data?.file?.size / 1024 / 1024) * 100) / 100;
+        if (fileSize > props.fileSize) {
+          message.warning("文件大小超过上限" + props.fileSize + "MB");
+          return;
+        }
+        data.fileSize = fileSize;
+        console.log(data.fileSize);
+        const fileName = data.file.name;
+        const index = fileName.lastIndexOf(".");
+        const fileType = fileName.substring(index + 1, fileName.length);
+        if (!props.accept.includes(fileType)) {
+          message.warning("文件类型不支持");
+          return;
+        }
+        data.progress = 0;
+        data.fileName = data.file.name;
+        data.showFileName = true;
+        data.totalChunks = Math.ceil(data.file.size / data.chunkSize);
+        data.objectKey = guid() + "." + fileType;
+        const res = await request.get("/file/getUploadId/" + data.objectKey);
+        data.uploadId = res.data;
+        data.progress = 1;
+        uploadFile();
+        // getUploadId(data.objectKey).then((res)=>{
+        //     data.uploadId = res.data
+        //     data.progress = 1;
+        //     uploadFile();
+        // })
+      }
+    };
+
+    // 文件上传
+    const uploadFile = async () => {
+      const index = data.currentChunk - 1;
+      const start = index * data.chunkSize;
+      const end = Math.min((index + 1) * data.chunkSize, data.file.size);
+      const formData = new FormData();
+      formData.append("file", data.file.slice(start, end));
+      formData.append("chunk", data.currentChunk);
+      formData.append("objectKey", data.objectKey);
+      formData.append("uploadId", data.uploadId);
+      // 调用后端接口上传切片数据
+      try {
+        const res = await request.post("/file/chunk", formData, {
+          headers: {
+            "Content-Type": "multipart/form-data",
+          },
+        });
+        data.partArr.push(res.data);
+        console.log(data.progress);
+        data.currentChunk++;
+        data.progress = Math.floor((data.currentChunk / data.totalChunks) * 100);
+        if (data.currentChunk <= data.totalChunks) {
+          uploadFile();
+        } else {
+          // 所有切片上传完成
+          data.progress = 99;
+          console.log(data.progress);
+          complete();
+        }
+      } catch (err) {
+        initParam();
+        console.error("切片上传失败：", error);
+        message.warning("文件上传异常或上传已取消");
+      }
+      // uploadFileInfo(formData).then((res) => {
+      //     data.partArr.push(res.data)
+      //     console.log(data.progress)
+      //     data.currentChunk++;
+      //     data.progress = Math.floor((data.currentChunk / data.totalChunks) * 100);
+      //     if (data.currentChunk <= data.totalChunks) {
+      //         uploadFile();
+      //     } else {
+      //         // 所有切片上传完成
+      //         data.progress = 99;
+      //         console.log(data.progress)
+      //         complete();
+      //     }
+      // }).catch((error) => {
+      //     initParam()
+      //     console.error('切片上传失败：', error);
+      //     message.warning("文件上传异常或上传已取消")
+      // });
+    };
+
+    // 上传完成并合并分段上传
+    const complete = async () => {
+      try {
+        const res = await request.post(
+          `/file/completeUpload?objectKey=${data.objectKey}&uploadId=${data.uploadId}`,
+          data.partArr
+        );
+        console.log("文件上传完成");
+        console.log(res);
+        data.bucketName = res.data.bucketName;
+        data.objectKeyName = res.data.objectKey;
+        data.progress = 100;
+        initParam();
+      } catch (err) {
+        console.error("文件上传失败：", error);
+        message.warning('"文件上传失败"');
+      }
+      // completeUpload(data.partArr,data.objectKey,data.uploadId).then((res) => {
+      //     console.log('文件上传完成');
+      //     console.log(res);
+      //     data.bucketName = res.data.bucketName
+      //     data.objectKeyName = res.data.objectKey
+      //     data.progress = 100;
+      //     initParam()
+      // }).catch((error) => {
+      //     console.error('文件上传失败：', error);
+      //     message.error("文件上传失败")
+      // });
+    };
+
+    // 取消上传
+    const cancelUploadInfo = () => {
+      if (data.progress !== 100) {
+        cancelUpload(data.objectKey, data.uploadId).then(() => {
+          data.progress = 0;
+          data.showFileName = false;
+          initParam();
+        });
+      } else {
+        data.progress = 0;
+        data.showFileName = false;
+        initParam();
+      }
+    };
+
+    const getAcceptType = () => {
+      let str = "";
+      if (props.accept) {
+        for (let item of props.accept) {
+          str += item + ",";
+        }
+      }
+      return str.substr(0, str.length - 1);
+    };
+
+    // 构建uuid
+    const guid = () => {
+      return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (c) {
+        var r = (Math.random() * 16) | 0,
+          v = c == "x" ? r : (r & 0x3) | 0x8;
+        return v.toString(16);
+      });
+    };
+
+    // 初始化参数
+    const initParam = () => {
+      data.file = null;
+      data.objectKey = "";
+      data.totalChunks = 0;
+      data.currentChunk = 1;
+      data.uploadId = "";
+      data.partArr = [];
+      data.requiredValid = false;
+    };
+
+    // 必传校验
+    const validRequired = () => {
+      if (data.bucketName && data.objectKeyName) {
+        data.requiredValid = false;
+        return true;
+      } else {
+        data.requiredValid = true;
+        return false;
+      }
+    };
+
+    // 返回上传结果 桶名称、文件名、文件大小
+    const getUploadInfo = () => {
+      return {
+        bucketName: data.bucketName,
+        fileName: data.objectKeyName,
+        fileSize: data.fileSize,
+      };
+    };
+
+    // 初始化
+    onMounted(() => {
+      data.progress = 0;
+    });
+
+    return {
+      ...toRefs(data),
+      selectFile,
+      uploadFile,
+      getAcceptType,
+      validRequired,
+      getUploadInfo,
+      cancelUploadInfo,
+    };
+  },
+});
+</script>
+<style scoped>
+.upload-container {
+  .fileUpload {
+    display: flex;
+    flex-direction: row;
+    padding: 0px 8px;
+    .item-upload {
+      width: 100px;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: center;
+      .required {
+        color: red;
+        padding: 0px 5px;
+      }
+    }
+    .item-info {
+      flex: 1;
+      padding-top: 12px;
+      font-size: 13px;
+    }
+    .item-cancel {
+      width: 30px;
+      padding-right: 20px;
+    }
+  }
+  .item-process {
+    margin-top: 5px;
+    padding: 0px 23px;
+    box-sizing: border-box;
+  }
+  .item-valid {
+    color: red;
+    padding: 0px 10px;
+    font-size: 13px;
+  }
+}
+</style>
diff --git a/app/pages/wallet/index.vue b/app/pages/wallet/index.vue
index 46089ce..5362838 100644
--- a/app/pages/wallet/index.vue
+++ b/app/pages/wallet/index.vue
@@ -133,6 +133,7 @@ const showWalletModal = ref(false);
 const showModal = () => {
   showWalletModal.value = true;
 };
+const message = useMessage();
 const closeWalletModal = () => {
   showWalletModal.value = false;
   needWalletNum.value = 0
@@ -156,6 +157,7 @@ getIntegralGold();
 const needWalletNum = ref(0)
 const handleWallet = async() =>{
   if(isAmount(needWalletNum.value)){
+    if(needWalletNum.value > integralGold.value.wallet) return message.warning('可提现金额不足')
     try {
       const res = await request.get(`/ali/pay/fetch?amount=${needWalletNum.value}`);
       if (res.code === 200) {
diff --git a/app/pages/workflow-details/[id].vue b/app/pages/workflow-details/[id].vue
index 1aad2cb..0c7e2ff 100644
--- a/app/pages/workflow-details/[id].vue
+++ b/app/pages/workflow-details/[id].vue
@@ -103,7 +103,8 @@ async function getAttention() {
 
 // 举报/编辑/删除
 const isDelete = ref(false)
-async function handleSelect(type) {
+async function handleSelect(event,type) {
+  event.stopPropagation(); // 阻止事件冒泡
   if (type === 'report') {
     // await request.get(`/WorkFlow/report?id=${id}`) // 举报
     isVisibleReport.value = true;
@@ -243,12 +244,12 @@ async function addCollect(){
   try {
     const params = {
       "productId": versionByWorkInfo.value[currentTabsIndex.value].id,
-      "productType": 1,
+      "collectType": 1,
     }
     const res = await request.post("/collect/addCollect", params);
     if (res.code === 200) {
       versionByWorkInfo.value[currentTabsIndex.value].isCollect = res.data
-      if(res.data === 0){
+      if(res.data === 1){
         message.success("已加入收藏");
       }else{
         message.success("已取消收藏");
@@ -525,14 +526,14 @@ async function handelDown(){
             >
               <component
                 :is="
-                  versionByWorkInfo[currentTabsIndex].isCollect === 1
+                  versionByWorkInfo[currentTabsIndex].isCollect === 0
                     ? SquarePlus
                     : SquareCheck
                 "
                 class="h-[20px] w-[20px] text-black menu-icon m-1 text-[#969798]"
               />
               <span class="mr-1">
-                {{ versionByWorkInfo[currentTabsIndex].isCollect === 1 ? '加入收藏' : '已收藏'}}
+                {{ versionByWorkInfo[currentTabsIndex].isCollect === 0 ? '加入收藏' : '已收藏'}}
               </span>
             </div>
 
diff --git a/app/utils/error.ts b/app/utils/error.ts
index dde860e..2837c30 100644
--- a/app/utils/error.ts
+++ b/app/utils/error.ts
@@ -21,7 +21,7 @@ export function handleError(error: any) {
         message.error('请求地址不存在')
         break
       case 500:
-        message.error('服务器内部错误')
+        message.error(error)
         break
       default:
         message.error(`请求失败: ${error.message}`)
diff --git a/app/utils/request.ts b/app/utils/request.ts
index b383376..0fc0dfd 100644
--- a/app/utils/request.ts
+++ b/app/utils/request.ts
@@ -112,9 +112,9 @@ class RequestHttp {
       case 404:
         message.error('请求的资源不存在')
         break
-      // case 500:
-      //   message.error('服务器错误')
-      //   break
+      case 500:
+        message.error('服务器错误')
+        break
       default:
         message.error('未知错误')
     }
@@ -171,7 +171,7 @@ class RequestHttp {
 
 const request = new RequestHttp({
   baseURL: import.meta.env.VITE_NUXT_ENV || '/api',
-  timeout: 15000,
+  timeout: 20000,
   headers: {
     'Content-Type': 'application/json',
   },
diff --git a/app/utils/spark-md5.js b/app/utils/spark-md5.js
new file mode 100644
index 0000000..d2bdbbb
--- /dev/null
+++ b/app/utils/spark-md5.js
@@ -0,0 +1,751 @@
+(function (factory) {
+    if (typeof exports === 'object') {
+        // Node/CommonJS
+        module.exports = factory();
+    } else if (typeof define === 'function' && define.amd) {
+        // AMD
+        define(factory);
+    } else {
+        // Browser globals (with support for web workers)
+        var glob;
+
+        try {
+            glob = window;
+        } catch (e) {
+            glob = self;
+        }
+
+        glob.SparkMD5 = factory();
+    }
+}(function (undefined) {
+
+    'use strict';
+
+    /*
+     * Fastest md5 implementation around (JKM md5).
+     * Credits: Joseph Myers
+     *
+     * @see http://www.myersdaily.org/joseph/javascript/md5-text.html
+     * @see http://jsperf.com/md5-shootout/7
+     */
+
+    /* this function is much faster,
+      so if possible we use it. Some IEs
+      are the only ones I know of that
+      need the idiotic second function,
+      generated by an if clause.  */
+    var add32 = function (a, b) {
+        return (a + b) & 0xFFFFFFFF;
+    },
+        hex_chr = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f'];
+
+
+    function cmn(q, a, b, x, s, t) {
+        a = add32(add32(a, q), add32(x, t));
+        return add32((a << s) | (a >>> (32 - s)), b);
+    }
+
+    function md5cycle(x, k) {
+        var a = x[0],
+            b = x[1],
+            c = x[2],
+            d = x[3];
+
+        a += (b & c | ~b & d) + k[0] - 680876936 | 0;
+        a  = (a << 7 | a >>> 25) + b | 0;
+        d += (a & b | ~a & c) + k[1] - 389564586 | 0;
+        d  = (d << 12 | d >>> 20) + a | 0;
+        c += (d & a | ~d & b) + k[2] + 606105819 | 0;
+        c  = (c << 17 | c >>> 15) + d | 0;
+        b += (c & d | ~c & a) + k[3] - 1044525330 | 0;
+        b  = (b << 22 | b >>> 10) + c | 0;
+        a += (b & c | ~b & d) + k[4] - 176418897 | 0;
+        a  = (a << 7 | a >>> 25) + b | 0;
+        d += (a & b | ~a & c) + k[5] + 1200080426 | 0;
+        d  = (d << 12 | d >>> 20) + a | 0;
+        c += (d & a | ~d & b) + k[6] - 1473231341 | 0;
+        c  = (c << 17 | c >>> 15) + d | 0;
+        b += (c & d | ~c & a) + k[7] - 45705983 | 0;
+        b  = (b << 22 | b >>> 10) + c | 0;
+        a += (b & c | ~b & d) + k[8] + 1770035416 | 0;
+        a  = (a << 7 | a >>> 25) + b | 0;
+        d += (a & b | ~a & c) + k[9] - 1958414417 | 0;
+        d  = (d << 12 | d >>> 20) + a | 0;
+        c += (d & a | ~d & b) + k[10] - 42063 | 0;
+        c  = (c << 17 | c >>> 15) + d | 0;
+        b += (c & d | ~c & a) + k[11] - 1990404162 | 0;
+        b  = (b << 22 | b >>> 10) + c | 0;
+        a += (b & c | ~b & d) + k[12] + 1804603682 | 0;
+        a  = (a << 7 | a >>> 25) + b | 0;
+        d += (a & b | ~a & c) + k[13] - 40341101 | 0;
+        d  = (d << 12 | d >>> 20) + a | 0;
+        c += (d & a | ~d & b) + k[14] - 1502002290 | 0;
+        c  = (c << 17 | c >>> 15) + d | 0;
+        b += (c & d | ~c & a) + k[15] + 1236535329 | 0;
+        b  = (b << 22 | b >>> 10) + c | 0;
+
+        a += (b & d | c & ~d) + k[1] - 165796510 | 0;
+        a  = (a << 5 | a >>> 27) + b | 0;
+        d += (a & c | b & ~c) + k[6] - 1069501632 | 0;
+        d  = (d << 9 | d >>> 23) + a | 0;
+        c += (d & b | a & ~b) + k[11] + 643717713 | 0;
+        c  = (c << 14 | c >>> 18) + d | 0;
+        b += (c & a | d & ~a) + k[0] - 373897302 | 0;
+        b  = (b << 20 | b >>> 12) + c | 0;
+        a += (b & d | c & ~d) + k[5] - 701558691 | 0;
+        a  = (a << 5 | a >>> 27) + b | 0;
+        d += (a & c | b & ~c) + k[10] + 38016083 | 0;
+        d  = (d << 9 | d >>> 23) + a | 0;
+        c += (d & b | a & ~b) + k[15] - 660478335 | 0;
+        c  = (c << 14 | c >>> 18) + d | 0;
+        b += (c & a | d & ~a) + k[4] - 405537848 | 0;
+        b  = (b << 20 | b >>> 12) + c | 0;
+        a += (b & d | c & ~d) + k[9] + 568446438 | 0;
+        a  = (a << 5 | a >>> 27) + b | 0;
+        d += (a & c | b & ~c) + k[14] - 1019803690 | 0;
+        d  = (d << 9 | d >>> 23) + a | 0;
+        c += (d & b | a & ~b) + k[3] - 187363961 | 0;
+        c  = (c << 14 | c >>> 18) + d | 0;
+        b += (c & a | d & ~a) + k[8] + 1163531501 | 0;
+        b  = (b << 20 | b >>> 12) + c | 0;
+        a += (b & d | c & ~d) + k[13] - 1444681467 | 0;
+        a  = (a << 5 | a >>> 27) + b | 0;
+        d += (a & c | b & ~c) + k[2] - 51403784 | 0;
+        d  = (d << 9 | d >>> 23) + a | 0;
+        c += (d & b | a & ~b) + k[7] + 1735328473 | 0;
+        c  = (c << 14 | c >>> 18) + d | 0;
+        b += (c & a | d & ~a) + k[12] - 1926607734 | 0;
+        b  = (b << 20 | b >>> 12) + c | 0;
+
+        a += (b ^ c ^ d) + k[5] - 378558 | 0;
+        a  = (a << 4 | a >>> 28) + b | 0;
+        d += (a ^ b ^ c) + k[8] - 2022574463 | 0;
+        d  = (d << 11 | d >>> 21) + a | 0;
+        c += (d ^ a ^ b) + k[11] + 1839030562 | 0;
+        c  = (c << 16 | c >>> 16) + d | 0;
+        b += (c ^ d ^ a) + k[14] - 35309556 | 0;
+        b  = (b << 23 | b >>> 9) + c | 0;
+        a += (b ^ c ^ d) + k[1] - 1530992060 | 0;
+        a  = (a << 4 | a >>> 28) + b | 0;
+        d += (a ^ b ^ c) + k[4] + 1272893353 | 0;
+        d  = (d << 11 | d >>> 21) + a | 0;
+        c += (d ^ a ^ b) + k[7] - 155497632 | 0;
+        c  = (c << 16 | c >>> 16) + d | 0;
+        b += (c ^ d ^ a) + k[10] - 1094730640 | 0;
+        b  = (b << 23 | b >>> 9) + c | 0;
+        a += (b ^ c ^ d) + k[13] + 681279174 | 0;
+        a  = (a << 4 | a >>> 28) + b | 0;
+        d += (a ^ b ^ c) + k[0] - 358537222 | 0;
+        d  = (d << 11 | d >>> 21) + a | 0;
+        c += (d ^ a ^ b) + k[3] - 722521979 | 0;
+        c  = (c << 16 | c >>> 16) + d | 0;
+        b += (c ^ d ^ a) + k[6] + 76029189 | 0;
+        b  = (b << 23 | b >>> 9) + c | 0;
+        a += (b ^ c ^ d) + k[9] - 640364487 | 0;
+        a  = (a << 4 | a >>> 28) + b | 0;
+        d += (a ^ b ^ c) + k[12] - 421815835 | 0;
+        d  = (d << 11 | d >>> 21) + a | 0;
+        c += (d ^ a ^ b) + k[15] + 530742520 | 0;
+        c  = (c << 16 | c >>> 16) + d | 0;
+        b += (c ^ d ^ a) + k[2] - 995338651 | 0;
+        b  = (b << 23 | b >>> 9) + c | 0;
+
+        a += (c ^ (b | ~d)) + k[0] - 198630844 | 0;
+        a  = (a << 6 | a >>> 26) + b | 0;
+        d += (b ^ (a | ~c)) + k[7] + 1126891415 | 0;
+        d  = (d << 10 | d >>> 22) + a | 0;
+        c += (a ^ (d | ~b)) + k[14] - 1416354905 | 0;
+        c  = (c << 15 | c >>> 17) + d | 0;
+        b += (d ^ (c | ~a)) + k[5] - 57434055 | 0;
+        b  = (b << 21 |b >>> 11) + c | 0;
+        a += (c ^ (b | ~d)) + k[12] + 1700485571 | 0;
+        a  = (a << 6 | a >>> 26) + b | 0;
+        d += (b ^ (a | ~c)) + k[3] - 1894986606 | 0;
+        d  = (d << 10 | d >>> 22) + a | 0;
+        c += (a ^ (d | ~b)) + k[10] - 1051523 | 0;
+        c  = (c << 15 | c >>> 17) + d | 0;
+        b += (d ^ (c | ~a)) + k[1] - 2054922799 | 0;
+        b  = (b << 21 |b >>> 11) + c | 0;
+        a += (c ^ (b | ~d)) + k[8] + 1873313359 | 0;
+        a  = (a << 6 | a >>> 26) + b | 0;
+        d += (b ^ (a | ~c)) + k[15] - 30611744 | 0;
+        d  = (d << 10 | d >>> 22) + a | 0;
+        c += (a ^ (d | ~b)) + k[6] - 1560198380 | 0;
+        c  = (c << 15 | c >>> 17) + d | 0;
+        b += (d ^ (c | ~a)) + k[13] + 1309151649 | 0;
+        b  = (b << 21 |b >>> 11) + c | 0;
+        a += (c ^ (b | ~d)) + k[4] - 145523070 | 0;
+        a  = (a << 6 | a >>> 26) + b | 0;
+        d += (b ^ (a | ~c)) + k[11] - 1120210379 | 0;
+        d  = (d << 10 | d >>> 22) + a | 0;
+        c += (a ^ (d | ~b)) + k[2] + 718787259 | 0;
+        c  = (c << 15 | c >>> 17) + d | 0;
+        b += (d ^ (c | ~a)) + k[9] - 343485551 | 0;
+        b  = (b << 21 | b >>> 11) + c | 0;
+
+        x[0] = a + x[0] | 0;
+        x[1] = b + x[1] | 0;
+        x[2] = c + x[2] | 0;
+        x[3] = d + x[3] | 0;
+    }
+
+    function md5blk(s) {
+        var md5blks = [],
+            i; /* Andy King said do it this way. */
+
+        for (i = 0; i < 64; i += 4) {
+            md5blks[i >> 2] = s.charCodeAt(i) + (s.charCodeAt(i + 1) << 8) + (s.charCodeAt(i + 2) << 16) + (s.charCodeAt(i + 3) << 24);
+        }
+        return md5blks;
+    }
+
+    function md5blk_array(a) {
+        var md5blks = [],
+            i; /* Andy King said do it this way. */
+
+        for (i = 0; i < 64; i += 4) {
+            md5blks[i >> 2] = a[i] + (a[i + 1] << 8) + (a[i + 2] << 16) + (a[i + 3] << 24);
+        }
+        return md5blks;
+    }
+
+    function md51(s) {
+        var n = s.length,
+            state = [1732584193, -271733879, -1732584194, 271733878],
+            i,
+            length,
+            tail,
+            tmp,
+            lo,
+            hi;
+
+        for (i = 64; i <= n; i += 64) {
+            md5cycle(state, md5blk(s.substring(i - 64, i)));
+        }
+        s = s.substring(i - 64);
+        length = s.length;
+        tail = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
+        for (i = 0; i < length; i += 1) {
+            tail[i >> 2] |= s.charCodeAt(i) << ((i % 4) << 3);
+        }
+        tail[i >> 2] |= 0x80 << ((i % 4) << 3);
+        if (i > 55) {
+            md5cycle(state, tail);
+            for (i = 0; i < 16; i += 1) {
+                tail[i] = 0;
+            }
+        }
+
+        // Beware that the final length might not fit in 32 bits so we take care of that
+        tmp = n * 8;
+        tmp = tmp.toString(16).match(/(.*?)(.{0,8})$/);
+        lo = parseInt(tmp[2], 16);
+        hi = parseInt(tmp[1], 16) || 0;
+
+        tail[14] = lo;
+        tail[15] = hi;
+
+        md5cycle(state, tail);
+        return state;
+    }
+
+    function md51_array(a) {
+        var n = a.length,
+            state = [1732584193, -271733879, -1732584194, 271733878],
+            i,
+            length,
+            tail,
+            tmp,
+            lo,
+            hi;
+
+        for (i = 64; i <= n; i += 64) {
+            md5cycle(state, md5blk_array(a.subarray(i - 64, i)));
+        }
+
+        // Not sure if it is a bug, however IE10 will always produce a sub array of length 1
+        // containing the last element of the parent array if the sub array specified starts
+        // beyond the length of the parent array - weird.
+        // https://connect.microsoft.com/IE/feedback/details/771452/typed-array-subarray-issue
+        a = (i - 64) < n ? a.subarray(i - 64) : new Uint8Array(0);
+
+        length = a.length;
+        tail = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
+        for (i = 0; i < length; i += 1) {
+            tail[i >> 2] |= a[i] << ((i % 4) << 3);
+        }
+
+        tail[i >> 2] |= 0x80 << ((i % 4) << 3);
+        if (i > 55) {
+            md5cycle(state, tail);
+            for (i = 0; i < 16; i += 1) {
+                tail[i] = 0;
+            }
+        }
+
+        // Beware that the final length might not fit in 32 bits so we take care of that
+        tmp = n * 8;
+        tmp = tmp.toString(16).match(/(.*?)(.{0,8})$/);
+        lo = parseInt(tmp[2], 16);
+        hi = parseInt(tmp[1], 16) || 0;
+
+        tail[14] = lo;
+        tail[15] = hi;
+
+        md5cycle(state, tail);
+
+        return state;
+    }
+
+    function rhex(n) {
+        var s = '',
+            j;
+        for (j = 0; j < 4; j += 1) {
+            s += hex_chr[(n >> (j * 8 + 4)) & 0x0F] + hex_chr[(n >> (j * 8)) & 0x0F];
+        }
+        return s;
+    }
+
+    function hex(x) {
+        var i;
+        for (i = 0; i < x.length; i += 1) {
+            x[i] = rhex(x[i]);
+        }
+        return x.join('');
+    }
+
+    // In some cases the fast add32 function cannot be used..
+    if (hex(md51('hello')) !== '5d41402abc4b2a76b9719d911017c592') {
+        add32 = function (x, y) {
+            var lsw = (x & 0xFFFF) + (y & 0xFFFF),
+                msw = (x >> 16) + (y >> 16) + (lsw >> 16);
+            return (msw << 16) | (lsw & 0xFFFF);
+        };
+    }
+
+    // ---------------------------------------------------
+
+    /**
+     * ArrayBuffer slice polyfill.
+     *
+     * @see https://github.com/ttaubert/node-arraybuffer-slice
+     */
+
+    if (typeof ArrayBuffer !== 'undefined' && !ArrayBuffer.prototype.slice) {
+        (function () {
+            function clamp(val, length) {
+                val = (val | 0) || 0;
+
+                if (val < 0) {
+                    return Math.max(val + length, 0);
+                }
+
+                return Math.min(val, length);
+            }
+
+            ArrayBuffer.prototype.slice = function (from, to) {
+                var length = this.byteLength,
+                    begin = clamp(from, length),
+                    end = length,
+                    num,
+                    target,
+                    targetArray,
+                    sourceArray;
+
+                if (to !== undefined) {
+                    end = clamp(to, length);
+                }
+
+                if (begin > end) {
+                    return new ArrayBuffer(0);
+                }
+
+                num = end - begin;
+                target = new ArrayBuffer(num);
+                targetArray = new Uint8Array(target);
+
+                sourceArray = new Uint8Array(this, begin, num);
+                targetArray.set(sourceArray);
+
+                return target;
+            };
+        })();
+    }
+
+    // ---------------------------------------------------
+
+    /**
+     * Helpers.
+     */
+
+    function toUtf8(str) {
+        if (/[\u0080-\uFFFF]/.test(str)) {
+            str = unescape(encodeURIComponent(str));
+        }
+
+        return str;
+    }
+
+    function utf8Str2ArrayBuffer(str, returnUInt8Array) {
+        var length = str.length,
+           buff = new ArrayBuffer(length),
+           arr = new Uint8Array(buff),
+           i;
+
+        for (i = 0; i < length; i += 1) {
+            arr[i] = str.charCodeAt(i);
+        }
+
+        return returnUInt8Array ? arr : buff;
+    }
+
+    function arrayBuffer2Utf8Str(buff) {
+        return String.fromCharCode.apply(null, new Uint8Array(buff));
+    }
+
+    function concatenateArrayBuffers(first, second, returnUInt8Array) {
+        var result = new Uint8Array(first.byteLength + second.byteLength);
+
+        result.set(new Uint8Array(first));
+        result.set(new Uint8Array(second), first.byteLength);
+
+        return returnUInt8Array ? result : result.buffer;
+    }
+
+    function hexToBinaryString(hex) {
+        var bytes = [],
+            length = hex.length,
+            x;
+
+        for (x = 0; x < length - 1; x += 2) {
+            bytes.push(parseInt(hex.substr(x, 2), 16));
+        }
+
+        return String.fromCharCode.apply(String, bytes);
+    }
+
+    // ---------------------------------------------------
+
+    /**
+     * SparkMD5 OOP implementation.
+     *
+     * Use this class to perform an incremental md5, otherwise use the
+     * static methods instead.
+     */
+
+    function SparkMD5() {
+        // call reset to init the instance
+        this.reset();
+    }
+
+    /**
+     * Appends a string.
+     * A conversion will be applied if an utf8 string is detected.
+     *
+     * @param {String} str The string to be appended
+     *
+     * @return {SparkMD5} The instance itself
+     */
+    SparkMD5.prototype.append = function (str) {
+        // Converts the string to utf8 bytes if necessary
+        // Then append as binary
+        this.appendBinary(toUtf8(str));
+
+        return this;
+    };
+
+    /**
+     * Appends a binary string.
+     *
+     * @param {String} contents The binary string to be appended
+     *
+     * @return {SparkMD5} The instance itself
+     */
+    SparkMD5.prototype.appendBinary = function (contents) {
+        this._buff += contents;
+        this._length += contents.length;
+
+        var length = this._buff.length,
+            i;
+
+        for (i = 64; i <= length; i += 64) {
+            md5cycle(this._hash, md5blk(this._buff.substring(i - 64, i)));
+        }
+
+        this._buff = this._buff.substring(i - 64);
+
+        return this;
+    };
+
+    /**
+     * Finishes the incremental computation, reseting the internal state and
+     * returning the result.
+     *
+     * @param {Boolean} raw True to get the raw string, false to get the hex string
+     *
+     * @return {String} The result
+     */
+    SparkMD5.prototype.end = function (raw) {
+        var buff = this._buff,
+            length = buff.length,
+            i,
+            tail = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
+            ret;
+
+        for (i = 0; i < length; i += 1) {
+            tail[i >> 2] |= buff.charCodeAt(i) << ((i % 4) << 3);
+        }
+
+        this._finish(tail, length);
+        ret = hex(this._hash);
+
+        if (raw) {
+            ret = hexToBinaryString(ret);
+        }
+
+        this.reset();
+
+        return ret;
+    };
+
+    /**
+     * Resets the internal state of the computation.
+     *
+     * @return {SparkMD5} The instance itself
+     */
+    SparkMD5.prototype.reset = function () {
+        this._buff = '';
+        this._length = 0;
+        this._hash = [1732584193, -271733879, -1732584194, 271733878];
+
+        return this;
+    };
+
+    /**
+     * Gets the internal state of the computation.
+     *
+     * @return {Object} The state
+     */
+    SparkMD5.prototype.getState = function () {
+        return {
+            buff: this._buff,
+            length: this._length,
+            hash: this._hash.slice()
+        };
+    };
+
+    /**
+     * Gets the internal state of the computation.
+     *
+     * @param {Object} state The state
+     *
+     * @return {SparkMD5} The instance itself
+     */
+    SparkMD5.prototype.setState = function (state) {
+        this._buff = state.buff;
+        this._length = state.length;
+        this._hash = state.hash;
+
+        return this;
+    };
+
+    /**
+     * Releases memory used by the incremental buffer and other additional
+     * resources. If you plan to use the instance again, use reset instead.
+     */
+    SparkMD5.prototype.destroy = function () {
+        delete this._hash;
+        delete this._buff;
+        delete this._length;
+    };
+
+    /**
+     * Finish the final calculation based on the tail.
+     *
+     * @param {Array}  tail   The tail (will be modified)
+     * @param {Number} length The length of the remaining buffer
+     */
+    SparkMD5.prototype._finish = function (tail, length) {
+        var i = length,
+            tmp,
+            lo,
+            hi;
+
+        tail[i >> 2] |= 0x80 << ((i % 4) << 3);
+        if (i > 55) {
+            md5cycle(this._hash, tail);
+            for (i = 0; i < 16; i += 1) {
+                tail[i] = 0;
+            }
+        }
+
+        // Do the final computation based on the tail and length
+        // Beware that the final length may not fit in 32 bits so we take care of that
+        tmp = this._length * 8;
+        tmp = tmp.toString(16).match(/(.*?)(.{0,8})$/);
+        lo = parseInt(tmp[2], 16);
+        hi = parseInt(tmp[1], 16) || 0;
+
+        tail[14] = lo;
+        tail[15] = hi;
+        md5cycle(this._hash, tail);
+    };
+
+    /**
+     * Performs the md5 hash on a string.
+     * A conversion will be applied if utf8 string is detected.
+     *
+     * @param {String}  str The string
+     * @param {Boolean} [raw] True to get the raw string, false to get the hex string
+     *
+     * @return {String} The result
+     */
+    SparkMD5.hash = function (str, raw) {
+        // Converts the string to utf8 bytes if necessary
+        // Then compute it using the binary function
+        return SparkMD5.hashBinary(toUtf8(str), raw);
+    };
+
+    /**
+     * Performs the md5 hash on a binary string.
+     *
+     * @param {String}  content The binary string
+     * @param {Boolean} [raw]     True to get the raw string, false to get the hex string
+     *
+     * @return {String} The result
+     */
+    SparkMD5.hashBinary = function (content, raw) {
+        var hash = md51(content),
+            ret = hex(hash);
+
+        return raw ? hexToBinaryString(ret) : ret;
+    };
+
+    // ---------------------------------------------------
+
+    /**
+     * SparkMD5 OOP implementation for array buffers.
+     *
+     * Use this class to perform an incremental md5 ONLY for array buffers.
+     */
+    SparkMD5.ArrayBuffer = function () {
+        // call reset to init the instance
+        this.reset();
+    };
+
+    /**
+     * Appends an array buffer.
+     *
+     * @param {ArrayBuffer} arr The array to be appended
+     *
+     * @return {SparkMD5.ArrayBuffer} The instance itself
+     */
+    SparkMD5.ArrayBuffer.prototype.append = function (arr) {
+        var buff = concatenateArrayBuffers(this._buff.buffer, arr, true),
+            length = buff.length,
+            i;
+
+        this._length += arr.byteLength;
+
+        for (i = 64; i <= length; i += 64) {
+            md5cycle(this._hash, md5blk_array(buff.subarray(i - 64, i)));
+        }
+
+        this._buff = (i - 64) < length ? new Uint8Array(buff.buffer.slice(i - 64)) : new Uint8Array(0);
+
+        return this;
+    };
+
+    /**
+     * Finishes the incremental computation, reseting the internal state and
+     * returning the result.
+     *
+     * @param {Boolean} raw True to get the raw string, false to get the hex string
+     *
+     * @return {String} The result
+     */
+    SparkMD5.ArrayBuffer.prototype.end = function (raw) {
+        var buff = this._buff,
+            length = buff.length,
+            tail = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
+            i,
+            ret;
+
+        for (i = 0; i < length; i += 1) {
+            tail[i >> 2] |= buff[i] << ((i % 4) << 3);
+        }
+
+        this._finish(tail, length);
+        ret = hex(this._hash);
+
+        if (raw) {
+            ret = hexToBinaryString(ret);
+        }
+
+        this.reset();
+
+        return ret;
+    };
+
+    /**
+     * Resets the internal state of the computation.
+     *
+     * @return {SparkMD5.ArrayBuffer} The instance itself
+     */
+    SparkMD5.ArrayBuffer.prototype.reset = function () {
+        this._buff = new Uint8Array(0);
+        this._length = 0;
+        this._hash = [1732584193, -271733879, -1732584194, 271733878];
+
+        return this;
+    };
+
+    /**
+     * Gets the internal state of the computation.
+     *
+     * @return {Object} The state
+     */
+    SparkMD5.ArrayBuffer.prototype.getState = function () {
+        var state = SparkMD5.prototype.getState.call(this);
+
+        // Convert buffer to a string
+        state.buff = arrayBuffer2Utf8Str(state.buff);
+
+        return state;
+    };
+
+    /**
+     * Gets the internal state of the computation.
+     *
+     * @param {Object} state The state
+     *
+     * @return {SparkMD5.ArrayBuffer} The instance itself
+     */
+    SparkMD5.ArrayBuffer.prototype.setState = function (state) {
+        // Convert string to buffer
+        state.buff = utf8Str2ArrayBuffer(state.buff, true);
+
+        return SparkMD5.prototype.setState.call(this, state);
+    };
+
+    SparkMD5.ArrayBuffer.prototype.destroy = SparkMD5.prototype.destroy;
+
+    SparkMD5.ArrayBuffer.prototype._finish = SparkMD5.prototype._finish;
+
+    /**
+     * Performs the md5 hash on an array buffer.
+     *
+     * @param {ArrayBuffer} arr The array buffer
+     * @param {Boolean}     [raw] True to get the raw string, false to get the hex one
+     *
+     * @return {String} The result
+     */
+    SparkMD5.ArrayBuffer.hash = function (arr, raw) {
+        var hash = md51_array(new Uint8Array(arr)),
+            ret = hex(hash);
+
+        return raw ? hexToBinaryString(ret) : ret;
+    };
+
+    return SparkMD5;
+}));
diff --git a/app/utils/uploadImg.ts b/app/utils/uploadImg.ts
index 1ae8b7a..8bae590 100644
--- a/app/utils/uploadImg.ts
+++ b/app/utils/uploadImg.ts
@@ -64,3 +64,57 @@ export async function uploadFileBatches(files, batchSize = 3) {
   }
   return uploadResults
 }
+// 定义进度类型
+interface UploadProgress {
+  fileName: string
+  progress: number
+  status: 'pending' | 'uploading' | 'success' | 'error'
+}
+
+export async function uploadFile(
+  file: File,
+  onProgress?: (progress: UploadProgress) => void
+) {
+  const progressData: UploadProgress = {
+    fileName: file.name,
+    progress: 0,
+    status: 'pending'
+  }
+
+  try {
+    const formData = new FormData()
+    formData.append('file', file)
+
+    progressData.status = 'uploading'
+    onProgress?.(progressData)
+
+    const res = await request.post<ApiResponse<{ url: string }>>(
+      '/file/fileUpload',
+      formData,
+      {
+        headers: {
+          'Content-Type': 'multipart/form-data',
+        },
+        onUploadProgress: (progressEvent:any) => {
+          if (progressEvent.total) {
+            const percent = Math.round(
+              (progressEvent.loaded * 100) / progressEvent.total
+            )
+            progressData.progress = percent
+            onProgress?.(progressData)
+          }
+        },
+      }
+    )
+
+    progressData.status = 'success'
+    progressData.progress = 100
+    onProgress?.(progressData)
+    return res.data
+
+  } catch (error) {
+    progressData.status = 'error'
+    onProgress?.(progressData)
+    throw new Error('文件上传失败!')
+  }
+}
\ No newline at end of file
diff --git a/nuxt.config.ts b/nuxt.config.ts
index a22deba..fba2308 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -85,7 +85,7 @@ export default defineNuxtConfig({
       '/api': {
         // target: 'http://1.13.246.108:8080', // 线上
         target: 'http://192.168.2.10:8080', // 代
-        // target: 'http://192.168.2.7:8080', // 嗨
+        // target: 'http://192.168.2.5:8080', // 嗨
         // target: 'https://2d1a399f.r27.cpolar.top', // 嗨
         changeOrigin: true,
         prependPath: true,
diff --git a/package.json b/package.json
index 2044964..9fc64a8 100644
--- a/package.json
+++ b/package.json
@@ -26,6 +26,7 @@
     "lucide-vue-next": "^0.471.0",
     "naive-ui": "^2.41.0",
     "pinia-plugin-persistedstate": "^4.2.0",
+    "spark-md5": "^3.0.2",
     "wangeditor": "^4.7.15",
     "zipson": "^0.2.12"
   },