<!DOCTYPE html>
<head>
<title>测试下载</title>
</head>
<body>
<button id="downloadId" onclick="downloadABMFile()">下载</button>
<script type="text/javascript">
function downloadABMFile(){
alert("下载开始")
const xhr = new XMLHttpRequest()
xhr.open('POST', 'https:///download', true)
xhr.responseType = 'blob'
xhr.onload = function () {
if (this.status === 200) {
const blob = this.response
const a = document.createElement('a')
const url = window.URL.createObjectURL(blob)
a.href = url
a.download = 'test.xlsx'
a.click()
window.URL.revokeObjectURL(url)
}
}
xhr.onerror = function () {
alert("下载出错了");
}
xhr.onreadystatechange = function () {
if (xhr.readyState === 4) {
if (this.status === 500) {
alert("服务器错误")
}
}
};
const formData = new FormData();
formData.append('id', '1203f65065e54ee6964f7ad027c4e7bf');
xhr.send(formData)
}
</script>
</body>
</html>
该HTML代码片段展示了一个点击按钮触发下载功能的实现。当用户点击按钮时，JavaScript函数`downloadABMFile`被调用，通过AJAX发送POST请求到/download，接收响应数据为blob类型，然后创建一个链接元素模拟文件下载，文件名设定为test.xlsx。
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
