<!DOCTYPE html>
<html lang="en">
<head>
<title>index</title>
<meta charset="utf-8">
<script src="./src/js/jquery.min.js"></script>
</head>
<body>
<button data-url='https://myfly.vip/下载测试.txt' onclick="downloadTrans(this)">下载</button>
<script>
function downloadTrans(self) {
let url = $(self).attr('data-url');
let file_name = $(self).attr('data-file-name');
var xhr = new XMLHttpRequest();
xhr.open("GET", url, true); // true: 异步处理,false: 同步处理
xhr.responseType = "blob"; // 将响应类型设置为blob
xhr.onload = function () {
if (xhr.status == 200) {
var blob = xhr.response; // 根据响应获取blob对象
var downloadLink = document.createElement("a");
downloadLink.href = window.URL.createObjectURL(blob);
downloadLink.download = file_name; // 文件名
downloadLink.click();
}
};
xhr.send();
}
</script>
</body>
</html>