fetch請求數據流並下載為文件

前端獲取流數據並進行下載。

1.后端設置響應類型

response.setContentType("application/octet-stream"); // 設置響應類型

2.前端通過fetch獲取流

通過response.blob()獲取bolb

fetch('/xd/editor/total/workload', function (response) {
            response.blob().then((blob) => {
                saveBlobAs(blob, 'result.xls')
            })
        }, function (result) {
            console.info("獲取數據失敗" + result.message);
        })

// 保存bolb的方法
function saveBlobAs (blob, filename) {
        if (window.navigator.msSaveOrOpenBlob) {
            navigator.msSaveBlob(blob, filename)
        } else {
            const anchor = document.createElement('a')
            const body = document.querySelector('body')
            anchor.href = window.URL.createObjectURL(blob)
            anchor.download = filename

            anchor.style.display = 'none'
            body.appendChild(anchor)

            anchor.click()
            body.removeChild(anchor)

            window.URL.revokeObjectURL(anchor.href)
        }
    }