在浏览器中安全地下载具有正确文件名的文件,可以通过以下方法实现:
Content-Disposition
:在服务器端,可以通过设置HTTP响应头Content-Disposition
来指定文件名。例如,以下代码将文件名设置为example.txt
:Content-Disposition: attachment; filename="example.txt"
Content-Type
来指定MIME类型。例如,以下代码将MIME类型设置为text/plain
:Content-Type: text/plain
download
属性来指定文件名。例如,以下代码将下载链接的文件名设置为example.txt
:const link = document.createElement('a');
link.href = 'https://example.com/file';
link.download = 'example.txt';
link.click();
example.txt
:const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/file');
xhr.responseType = 'blob';
xhr.onload = function() {
const url = window.URL.createObjectURL(xhr.response);
const link = document.createElement('a');
link.href = url;
link.download = 'example.txt';
link.click();
};
xhr.send();
总之,安全地在浏览器中下载具有正确文件名的文件,需要在服务器端和客户端都进行正确的设置。
Techo Day 第二期
数字化产业研学汇第三期
云+未来峰会
高校开发者
DB・洞见
云+社区技术沙龙[第11期]
DB TALK 技术分享会
云+社区技术沙龙[第14期]
腾讯云GAME-TECH游戏开发者技术沙龙
领取专属 10元无门槛券
手把手带您无忧上云