解决跨域访问资源,a标签download属性失效的问题

编程入门 行业动态 更新时间:2024-10-24 10:20:40

a标签中download属性可以更改下载文件的文件名。但是如果是跨域的话,download属性就会失效。
解决方案:

<a click="downloadFile(fileUrl,fileName)">下载文件</a>

function downloadFile(url, fileName) {
    var x = new XMLHttpRequest();
    x.open("GET", url, true);
    x.responseType = 'blob';
    x.onload=function(e) {
        var url = window.URL.createObjectURL(x.response)
        var a = document.createElement('a');
        a.href = url
        a.download = fileName;
        a.click()
    }
    x.send();
}

 参考地址:https://blog.csdn/qq_29483485/article/details/103027687

更多推荐

解决跨域访问资源,a标签download属性失效的问题

本文发布于:2023-06-14 07:13:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1450223.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:属性   标签   资源   download

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!