断点续传

vue/.github/workflows/gh-pages.yml

@@ -1,82 +0,0 @@
-name: syncToGitee
-env:
-  # 7 GiB by default on GitHub, setting to 6 GiB
-  # https://docs.github.com/en/actions/using-github-hosted-runners/about-github-hosted-runners#supported-runners-and-hardware-resources
-  NODE_OPTIONS: --max-old-space-size=6144
-on:
-  push:
-    branches: [main]
-jobs:
-  repo-sync:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-
-      # 设置服务器时区为东八区
-      - name: Set time zone
-        run: sudo timedatectl set-timezone 'Asia/Shanghai'
-
-      - name: Setup Node.js v14.x
-        uses: actions/setup-node@v1
-        with:
-          node-version: '14.x'
-
-      - name: Get yarn cache directory path
-        id: yarn-cache-dir-path
-        run: echo "::set-output name=dir::$(yarn cache dir)"
-
-      - uses: actions/cache@v3
-        id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
-        with:
-          path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
-          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
-          restore-keys: |
-            ${{ runner.os }}-yarn-
-
-      - name: Install
-        run: yarn install --frozen-lockfile
-
-      - uses: actions/cache@v3
-        with:
-          # 缓存文件夹
-          path: node_modules/.cache/webpack/
-          key: ${{ github.ref.name }}-webpack-build
-          # 兜底使用 "main" 分支缓存
-          restore-keys: |
-            main-webpack-build
-
-      - name: Build
-        run: yarn build
-
-      - name: Deploy
-        uses: peaceiris/actions-gh-pages@v3
-        with:
-          publish_dir: ./dist
-          personal_token: ${{ secrets.PERSONAL_TOKEN }}
-          commit_message: Update ghPages
-          force_orphan: true
-
-      - name: Mirror the Github organization repos to Gitee.
-        uses: Yikun/hub-mirror-action@master
-        with:
-          src: 'github/buqiyuan'
-          dst: 'gitee/buqiyuan'
-          dst_key: ${{ secrets.GITEE_PRIVATE_KEY }}
-          dst_token: ${{ secrets.GITEE_TOKEN }}
-          static_list: 'vue3-antd-admin'
-          force_update: true
-          debug: true
-
-      - name: Build Gitee Pages
-        uses: yanglbme/gitee-pages-action@main
-        with:
-          # 注意替换为你的 Gitee 用户名
-          gitee-username: buqiyuan
-          # 注意在 Settings->Secrets 配置 GITEE_PASSWORD
-          gitee-password: ${{ secrets.GITEE_PASSWORD }}
-          # 注意替换为你的 Gitee 仓库，仓库名严格区分大小写，请准确填写，否则会出错
-          gitee-repo: buqiyuan/vue3-antd-admin
-          # 是否强制使用 HTTPS
-          https: true
-          # 要部署的分支，默认是 master，若是其他分支，则需要指定（指定的分支必须存在）
-          branch: gh-pages

vue/src/components/basic/file-preview/index.vue

@@ -5,7 +5,6 @@
   <a-modal :visible="visible" :ok-button-props="{ style: { display: 'none' } }"
            wrap-class-name="full-modal" style="text-align: center" :title="title"
            cancel-text="关闭" @cancel="visible = !visible">
-    <input type="file" @change="changeHandle"/>
     <a-spin tip="加载中..." size="small" :spinning="spinning">
       <vue-office-excel v-if="fileSuffix=='xlsx'" :src="previewUrl" style="height: 90vh;"
                         @rendered="rendered" @error="renderedError"/>
@@ -21,7 +20,7 @@
 </template>
 <script lang="ts">
 import {defineComponent, ref} from 'vue';
-//import {message as $message} from "ant-design-vue/lib/components";
+import {message as $message} from "ant-design-vue/lib/components";
 //引入VueOfficeDocx组件
 import VueOfficeDocx from '@vue-office/docx'
 import '@vue-office/docx/lib/index.css'
@@ -133,9 +132,18 @@ export default defineComponent({
         }
       }
 
-      previewUrl.value = new Blob(chunks);
-      visible.value = true;
-      spinning.value = false;
+      //previewUrl.value = new Blob(chunks);
+      let fileReader = new FileReader()
+      fileReader.readAsArrayBuffer(new Blob(chunks));
+      fileReader.onload = () => {
+        previewUrl.value = fileReader.result;
+        if (previewUrl.value == undefined) {
+          $message.error("文件加载失败！");
+          return;
+        }
+        spinning.value = false;
+        visible.value = true;
+      }
     }
 
     function changeHandle(event) {