a标签设置下载设置文件名

a标签设置下载设置文件名设置 a 标签的 download属性,可以重置 文件名。如下代码,文件名重置为 file.xlsx。 <a href='http://192.168.1.1/abcd.xlsx' download='file.xlsx'>下载</a> 封装一

a标签设置下载设置文件名"

设置 a 标签的 download属性,可以重置 文件名。如下代码,文件名重置为 file.xlsx。

<a href='http://192.168.1.1/abcd.xlsx' download='file.xlsx'>下载</a>

封装一个download方法

const downlad = (url: any, fileName: any) => {
        const newUrl = url
        const link = document.createElement('a')
        link.href = newUrl
        link.download = fileName 
        link.target = '_blank'
        link.style.display = 'none'
        document.body.append(link)
        link.click()
    }

 

这种写法有个前提:href 的下载地址 和 当前网站地址 必须是 同源的,否则download不生效。 

如果不同源,还有一种方法,代码如下:

// 封装一个download方法

const downlad = (urls: any, fileName: any) => {
        const x = new window.XMLHttpRequest();
        x.open('GET', urls, true);
        x.responseType = 'blob';
        x.onload = () => {
            const url = window.URL.createObjectURL(x.response);
            const a = document.createElement('a');
            a.href = url;
            a.target = '_blank'
            a.download = fileName;
            a.style.display = 'none'
            document.body.append(a)
            a.click();
        };
        x.send();
    }

 

来源:https://blog.csdn.net/sinat_36728518/article/details/123525637

今天的文章a标签设置下载设置文件名分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/56865.html

(0)
编程小号编程小号
上一篇 2023-08-26
下一篇 2023-08-26

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注