admin 管理员组

文章数量: 1184232

download 属性是HTML5中新增的 <a> 标签属性。

  • 注意:
    • href属性的href 需要是 限于同源文件 ，如果引用的是第三方或是调用后台的接口，download就会不起作用 
    • <a href={} target="_blank" download='文件名字'>点击下载</a>

  • 解决方法
  • 改为接口请求到文件流 本地重新创建 
  •                const xhr = new XMLHttpRequest();
                xhr.open('GET', url, true);  // url 文件的完整地址 http:XXX
                xhr.responseType = 'blob';
                xhr.onload = function () {
                  if (xhr.status === 200) {
                    const res = xhr.response;
                    const link = document.createElement('a');
                    link.style.display = 'none';
                    const url = window.URL.createObjectURL(res);
                    link.href = url;
                    link.setAttribute('download', `代码.xlsx`);
                    document.body.appendChild(link);
                    link.click();
                    window.URL.revokeObjectURL(link.href);
                    document.body.removeChild(link);
                  }
                }
                xhr.send()

本文标签： 难题 编程 破解技术

版权声明：本文标题：破解技术难题：详解a标签的download用法及为什么在发布SWF时不按预期工作 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.roclinux.cn/p/1771213541a3542054.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。