admin管理员组

文章数量:1583564

我需要实现一个点击div去下载一个网络路径的二进制文件,存储的文件都是放在了oss中,所以不需要后端实现代码,使用oss对象存储大大降低了服务器的带宽压力,速度也很快,阿里有免费的50G空间,所以足够存区一些文件数据了。

实现代码

//下载文件
    downloadUrl(url){
      // console.log(url);
      let link = document.createElement("a"); 
      //创建一个a标签
      link.style.display = "none"; 
      //将a标签隐藏
      link.href = url; 
      //给a标签添加下载链接  "域名+接口"  safe是一个动态的域名  后面的接口替换成你自己的下载接口
      link.setAttribute("download", name); 
      // 此处注意，要给a标签添加一个download属性，属性值就是文件名称 否则下载出来的文件是没有属性的，空白白
      document.body.appendChild(link);
      //将上面创建的a标签加入到body的尾部
      link.click(); 
      //执行a标签
    }

本文标签： 链接文件vue

版权声明：本文标题：Vue实现点击根据已知的链接下载文件 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dianzi/1727921126a1138208.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。