码农备忘录

主题

html、xml、txt、log等文件、图片 ​

浏览器会直接打开/展示文件

访问静态文件服务器

08
Preview
09
Preview

将文件拖动到浏览器

如何下载

通过 <a></a>

通过 file-read

二进制文件 ​

zip 压缩包、word、excel、jar包

会直接下载

访问静态文件服务器

07
Preview

将文件拖动到浏览器

通过流的方式下载，前端如何写

js
res.setHeader('Content-disposition', `attachment; filename="test-download.png"`);
res.setHeader('Content-Type', 'application/octet-stream');
// pipe generated file to the response
fs.createReadStream('test-download.png').pipe(res);

导出 ​

js
var servePath = 'xxx' // 接口公共前缀
function exportExcel () { // 导出
    const params = {
        token: localStorage.getItem('token'),
        ...this.exportConditionData
    }
    const createUrl = (url, param) => {
        var query = '';
        for (let i in param) {
            query += `&${i}=${encodeURIComponent(param[i])}`
        }
        var newUrl = url + '?' + query.substr(1)
        return newUrl.replace(' ','')
    }
    window.location.href = createUrl(servePath + 'api', params)
}

导出功能逻辑主要由后端实现，前端拼接好url即可