element 导入

<el-upload
                    style="display:inline-flex;padding: 0px 10px;"
                    class="upload-demo"
                    action=""
                    :on-change="handleChange"
                    :on-exceed="handleExceed"
                    :on-remove="handleRemove"
                    :file-list="fileListUpload"
                    :limit="limitUpload"
                    accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel"
                    :auto-upload="false">
              <el-button>导入</el-button>
            </el-upload>
  //导入数据
      handleChange(file, fileList){
        data.fileTemp = file.raw
        if(data.fileTemp){
          if((data.fileTemp.type == 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet') || (data.fileTemp.type == 'application/vnd.ms-excel')){
            data.importfxx(data.fileTemp)
          } else {
            this.$message({
              type:'warning',
              message:'附件格式错误,请删除后重新上传!'
            })
          }
        } else {
          this.$message({
            type:'warning',
            message:'请上传附件!'
          })
        }
      },
      importfxx(obj) {
        let params=obj
        let formData = new FormData();
        //把文件信息放入对象中
        var blob = new Blob([obj], { type: obj.type},{filename:obj.name});
        formData.append("file", blob);
        proxy.$Api.Post(`请求`,formData).then((res)=>{
          if(res.code===1&&res.data===0){
            proxy.$message.success({
              type:'success',
              message: '导入成功!',
            })
            data.queryKeyGroups()
          }else {
            proxy.$message.error({
              type:'error',
              message: '您有'+res.data+'条数据未导入成功!',
            })
          }
        })
      },
      handleRemove(file,fileList){
        this.fileTemp = null
      },

导入的时候主要注意:我在与后台进行联调的时候,后台要的formData 表单数据。所以要把file放到formData

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值