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();
    })
    },

  • 相关阅读:
    7
    go http请求库HttpRequest
    Golang设计模式
    深挖 go 之 for-range 排坑指南
    go在并发情况下使用map
    Redis知识点总结
    go 条件与循环结构
    数据分析的数据源
    go 生产者消费者模型与发布订阅模型
    go 文件与目录操作
  • 原文地址:https://www.cnblogs.com/namehou/p/12383171.html
Copyright © 2011-2022 走看看