点击按钮,自动触发a标签下载文件的功能,动态生成a标签

复制代码
<div class="model2" @click.stop="handleFileDownload">
            <i class="el-icon-download" />
            <span>点击下载查看</span>
</div>
async handleFileDownload() {
      // 点击下载查看按钮时,根据文件的ossFileId或者fileId获取文件的下载地址,然后再打开文件
      if (this.fileObj.ossFileId || this.fileObj.fileId) {
        try {
          const id = this.fileObj.ossFileId || this.fileObj.fileId
          const { resultCode, content, errMsg } = await getFileDownloadUrl(id)
          if (resultCode === 2000) {
            const myHref = document.createElement('a')
            myHref.href = content
            debounce(myHref.click(), 100)
          } else {
            this.$message({
              message: errMsg || '获取文件下载地址出错,请重试',
              type: 'error'
            })
          }
        } catch (e) {
          console.log(e)
        }
      } else if (this.fileObj.fileOssResponse) {
        const myHrefs = document.createElement('a')
        myHrefs.href = this.fileObj.fileOssResponse.downloadUrl
        debounce(myHrefs.click(), 100)
      }
 },
复制代码

 

posted @   博客天天写  阅读(463)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示