传统上,客户端将依靠浏览器来处理从服务器下载文件。然而,这种方法需要打开一个新的浏览器窗口,iframe或任何其他类型的不友好和黑客行为。为下载请求添加额外的头信息也很困难。更好的解决方案是使用HTML5 File API以及XMLHttpRequest或请求库。
File API允许您在浏览器中创建,加载和操作文件。我们可以使用a Blob 创建一个内存文件:
const blob = new Blob(['lorem ipsum'],{type:'text / plain'});
通过一些额外的工作,我们可以将这个文件下载到我们的文件系统中:
index.html
<DIV>
<a href='#' id='trigger'>创建并下载Lorem Ipsum </a>
</ DIV>
main.js
const trigger = document.querySelector('#trigger');
trigger.addEventListener('click',()=> {
const blob = new Blob(['lorem ipsum'],{type:'text / plain'});
blob.name ='lorem.txt'
const reader = new FileReader();
r