设置 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