0
点赞
收藏
分享

微信扫一扫

vue中如何使用JS通过a标签下载文件

陆公子521 2022-03-25 阅读 227
es6vuejs
  1. 使用window.open()跳转
    如何处理类似 localhost:xxxx/baidu.com这种问题
    使用window.open(‘baidu.com’) 时我们会发现跳转后结果会出现localhost:xxxx/baidu.com,导致下载失败。
    在url前面+'//' 就可以了,即使用window.open('//' + 'baidu.com')
  2. 使用js生成a标签
 const link = document.createElement('a')
 link.style.display = 'none'
 link.href = '//' + res.data.downloadUrl
 console.log(link.href)
 // link.target = '_blank'
 link.setAttribute('download', '文件名称')
 document.body.appendChild(link)
 link.click()
 // window.open(res.data.downloadUrl, '_blank')

在这里插入图片描述

举报

相关推荐

0 条评论