zoukankan      html  css  js  c++  java
  • 批量上传

    <el-upload
    class="upload"
    action=""
    ref="upload"
    :accept="accept"
    :limit="1"
    :http-request="httpRequest"
    :show-file-list="false"
    >
    <el-button size="small" type="primary"><i class="tool_upload"></i>批量上传</el-button>
    </el-upload>

    //批量上传
    httpRequest(e) {
    let file = e.file;

    if (!file) {
    this.$alert('没有文件', '提示', {
    confirmButtonText: '确定'
    });
    this.$refs.upload.clearFiles();
    return false
    } else if (!/.(xls|xlsx)$/.test(file.name.toLowerCase())) {
    // 格式根据自己需求定义
    this.$alert('上传格式不正确,请上传xls或者xlsx格式', '提示', {
    confirmButtonText: '确定'
    });
    this.$refs.upload.clearFiles();
    return false
    }

    let formData = new FormData();
    formData.append('file', e.file);
    personnelControlBatchUpload(formData)
    .then(res => {
    this.$alert(res.message, '提示', {
    confirmButtonText: '确定'
    });
    this.$refs.upload.clearFiles();

    if (res.status == 'OK') {
    this.clickRetrieval('searchForm');
    }
    })
    .catch(() => {
    this.$alert('上传失败', '提示', {
    confirmButtonText: '确定'
    });
    this.$refs.upload.clearFiles();
    })
    },

  • 相关阅读:
    50个C/C++经典面试题
    多继承的构造顺序
    sizeof(struct)
    c++ 实现strcpy(),strlen()
    十天冲刺-01
    学习进度条(第八周)
    梦断代码阅读笔记01
    学习进度条(第七周)
    团队作业记账本开发NABCD
    学习进度条(第六周)
  • 原文地址:https://www.cnblogs.com/namehou/p/12383171.html
Copyright © 2011-2022 走看看