el-upload上传下载

<el-upload
  class="upload-demo"
  :show-file-list="false"
  action="123"
  :http-request="
    (file) => {
      uploadExcel(file);
    }
  "
>
  <button class="_confirm">
    <span><i class="el-icon-download" /></span>
    <span>导入</span>
  </button>
</el-upload>
---------------------------------------------------------
uploadExcel(file) {
  if (file.file) {
    const fd = new FormData();
    // const id = this.$store.getters.miningAreaId
    const id = this.params.workingFaceId;
    fd.append("file", file.file);
    // fd.append('miningAreaId ', id)
    importExcel({ fd, id }).then((res) => {
      console.log(res);
      if (res.code === 200) {
        this.$message.success("导入成功!");
        this.fetchData();
      }
    });
  }
},


  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
对于 el-upload 组件,上传文件后,你可以通过以下步骤下载文件: 1. 在上传成功的回调函数,获取到服务器返回的文件信息,包括文件的 URL 或路径。 2. 使用该文件信息构建一个下载链接或请求,可以是一个普通的 `<a>` 标签或者使用 JavaScript 发起的下载请求。 3. 当用户点击下载链接时,浏览器会自动触发文件下载操作。 下面是一个示例代码片段,展示了如何实现基于 el-upload 组件的文件上传和下载: ```html <template> <el-upload action="/upload" <!-- 上传接口 --> :on-success="handleSuccess" <!-- 上传成功回调函数 --> > <el-button type="primary">点击上传</el-button> </el-upload> </template> <script> export default { methods: { handleSuccess(response) { // 从服务器返回的响应获取文件信息 const fileUrl = response.fileUrl; // 构建下载链接 const downloadLink = document.createElement('a'); downloadLink.href = fileUrl; downloadLink.download = 'filename.ext'; // 可以指定下载的文件名 // 触发下载操作 downloadLink.click(); } } }; </script> ``` 在示例,`handleSuccess` 是上传成功的回调函数。在该函数,我们从服务器返回的响应获取到文件的 URL(`fileUrl`),然后使用 `createElement` 创建一个 `<a>` 标签,并设置其 `href` 属性为文件的 URL。最后使用 `click` 方法触发下载操作。 需要注意的是,以上示例的 `/upload` 是一个上传接口的示例 URL,你需要根据你的实际情况替换成正确的上传接口 URL。另外,服务器返回的文件信息可能会有所不同,你需要根据实际情况修改代码以获取正确的文件信息。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值