項目中有個需求，生成一個含有大量鏈接的文本文件提供給用戶下載毁习。鏈接格式如下：
類似這種鏈接，最初我們的方案是用php在后臺生成俏险，提供給用戶下載仇轻，但這種方式有兩個很大的缺點:
- 文件體積較大，從服務端下載增加服務器壓力焦人，浪費帶寬
增加下載時間 - 因為都是文本挥吵，所以后來選擇直接在客戶端用js生成文本，再插入到dom中花椭，用戶下載時就是直接從本地下載忽匈。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title>vue-app</title>
</head>
<body>
<div>
<a id="a" href="">
<button>Download file</button>
</a>
</div>
</body>
<script>
const a = document.getElementById('a');
function download(data, name) {
const file = new Blob(data, {type: 'text/plain'});
a.href = URL.createObjectURL(file);
a.download = name;
}
setTimeout(() => {
const arr = [];
for (let i=0;i<80000;i++) {
arr.push(`http://wiyi.org/productid=${i + 1}\n`);
}
alert('數據加載完成...');
download(arr,'urls.txt');
}, 0);
</script>
</html>
這樣做不僅減少服務器壓力，用戶也不需要時間等待下載矿辽，如果是流量上網丹允，還能減少流量使用。
主流的瀏覽器都支持這種方案袋倔，當然如果使用IE雕蔽，必須要IE10+。
文章首發(fā)于: https://tech.jbangit.com/create-text-file-using-javacript.html
