當傳回的檔案是以檔案流的形式傳回的時候，前端可以自由更改檔案名稱
但是如果隻有一個連結位址怎麼辦呢？
方法如下：（前端自己創造檔案流）
<!DOCTYPE HTML
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>下載下傳檔案實驗</title>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>
<body>
<a id="a">adf</a>
<script type="text/javascript">
$("#a").click(function () {
var url = "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";
var name = "它的名字";
download(url, name);
})
/**
* 下載下傳
* @param {String} url 目标檔案位址
* @param {String} filename 想要儲存的檔案名稱
*/
function download(url, filename) {
getBlob(url, function (blob) {
saveAs(blob, filename);
});
};
/**
* 擷取 blob
* @param {String} url 目标檔案位址
* @return {cb}
*/
function getBlob(url, cb) {
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.responseType = 'blob';
xhr.onload = function () {
if (xhr.status === 200) {
cb(xhr.response);
}
};
xhr.send();
}
/**
* 儲存
* @param {Blob} blob
* @param {String} filename 想要儲存的檔案名稱
*/
function saveAs(blob, filename) {
if (window.navigator.msSaveOrOpenBlob) {
navigator.msSaveBlob(blob, filename);
} else {
var a = document.createElement('a');
var body = document.querySelector('body');
a.href = window.URL.createObjectURL(blob);
a.download = filename;
a.style.display = 'none';
body.appendChild(a);
a.click();
body.removeChild(a);
window.URL.revokeObjectURL(a.href);
};
}
</script>
</body>
</html>
![Bettercap2.X版本的使用[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)