上传添加遮挡

zhanghua

2024-09-19 8eff378710b7074fe7241c73f3975345ffe8959b

上传添加遮挡

 src/components/drag-upload.vue

@@ -1,5 +1,5 @@
<template>
  <div class="center">
    <div class="center" v-loading.fullscreen="successLoading">
    <el-upload
      class="upload-demo"
      :action="action"
@@ -27,6 +27,7 @@
  data() {
    return {
      msg: "拖动上传",
            successLoading: false,
      fileList: [],
      headers: {
        token: localStorage.getItem("token"),
@@ -50,6 +51,9 @@
      type: Number,
    },
  },
    created() {

    },
  methods: {
    // 超出文件上传个数回调
    handleExceed(files, fileList) {
@@ -61,15 +65,19 @@
    },
    // 上传成功回调
    fileSuccess(res, f, fl) {
            this.successLoading = false
      this.$emit("fileSuccess", res, this.type);
    },
    
    // 过滤文件
    beforeAvatarUpload(file) {
            this.successLoading = true
      let fileName = file.name.substring(file.name.lastIndexOf(".") + 1);
      const extension = fileName === "xls";
      const extension2 = fileName === "xlsx";
      if (!extension && !extension2) {

                this.successLoading = false
        this.$message({
          message: "上传文件只能是 xls、xlsx格式!",
          type: "warning",
@@ -86,5 +94,4 @@
.center {
  float: left;
}

</style>