点击按钮实现文件导入/文件上传

          <el-upload
            ref="upload"
            :accept="上传什么类型的文件"
            action="faker"
            :limit="1"
            :show-file-list="false"
            :on-change="handleChange"
            :on-preview="handlePreview"
            :on-remove="handleRemove"
            :file-list="fileList"
            :auto-upload="false"
            :before-upload="beforeUpload"
          >
            <el-button size="small">导入文件</el-button>
          </el-upload>
      handleChange(file,fileList){
         let testmsg=file.name.substring(file.name.lastIndexOf('.')+1);
         const extension = testmsg === 'xls'
         const extension2 = testmsg === 'xlsx'
         if(!extension && !extension2){
            this.$message.warning("上传文件只能是 xls、xlsx格式");
            window.setTimeout(() => this.$refs.upload.clearFiles(), 1000);
            return
         }
         const isLt2M = file.size / 1024 / 1024 < fileManagementFileSize
         if(!isLt2M){
           this.$message.warning('上传文件大小不能超过20MB!');
           window.setTimeout(() => this.$refs.upload.clearFiles(), 1000);
           return
         }
         this.fileList = [];
         if (fileList.length > 0) {
          this.fileList = [file];//获取文件流
          const m=this.$message.success('正在导入……','el-icon-loading',0)
          let formData = new FormData();
          formData.append("file", this.fileList[0].raw);
          m.close();
         }
     },
     handleRemove(file, fileList) {
     },
     handlePreview(file, fileList) {
     },
     beforeUpload(file, fileList) {
     }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值