在浏览器中安全地下载具有正确文件名的文件,可以通过以下方法实现:
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();
总之,安全地在浏览器中下载具有正确文件名的文件,需要在服务器端和客户端都进行正确的设置。
领取专属 10元无门槛券
手把手带您无忧上云