當前位置:歷史故事大全網 - 範文作文 - 如何在點擊a標簽下載文件的時候通過JavaScript動態的修改文件的名稱?

如何在點擊a標簽下載文件的時候通過JavaScript動態的修改文件的名稱?

<script type="text/javascript">

$("a").click(function () {

var href = this;

var url = href.href;

var name = href.innerHTML;

if (url.indexOf("kindeditor") >= 0) {

download(url, name);

return false;

}

})

/**

* 下載

* @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 link = document.createElement('a');

var body = document.querySelector('body');

link.href = window.URL.createObjectURL(blob);

link.download = filename;

// fix Firefox

link.style.display = 'none';

body.appendChild(link);

link.click();

body.removeChild(link);

window.URL.revokeObjectURL(link.href);

};

}

</script>

  • 上一篇:《女孝经》原文及翻译是什么?
  • 下一篇:八國聯軍打進京城,慈禧沒帶護衛,為何還能平安抵達西安?
  • copyright 2024歷史故事大全網