record前端解析二进制文件

最新推荐文章于 2024-12-17 22:29:15 发布

原创最新推荐文章于 2024-12-17 22:29:15 发布 · 221 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端

需求开发bug记录专栏收录该内容

10 篇文章

订阅专栏

javaScript部分

downloadLog(data).then((res:any) => { //接口调用
        let blob = new Blob([res.data], {type: 'application/octet-stream' }); //res.data返回二进制流文件
        const fileName = scope.logFileName //文件名称
        if ('download' in document.createElement('a')) { // 非IE下载
            const elink = document.createElement('a');
            elink.download = fileName;
            elink.style.display = 'none';
            elink.href = URL.createObjectURL(blob);
            document.body.appendChild(elink);
            elink.click();
            URL.revokeObjectURL(elink.href); // 释放URL 对象
            document.body.removeChild(elink);
        }
        else { // IE10+下载
            navigator.msSaveBlob(blob, fileName);
        } 
    })

接口调用部分。当需要从服务器下载文件时，服务器返回的响应通常是二进制数据。将 responseType 设置为 ‘blob’，将响应体作为 Blob 对象处理，以便直接处理这些二进制数据或者将其作为文件下载到本地。