导出前端实现

新开页导出

` exportPost = (apiUrl, params) => { if (this.hideDiv) { document.body.removeChild(this.hideDiv); this.hideDiv = null; } const hideDiv = document.createElement("div"); this.hideDiv = hideDiv; const form = document.createElement("form"); hideDiv.style.display = "none"; form.setAttribute("target", "_blank"); form.setAttribute("action", apiUrl); form.setAttribute("method", "post"); document.body.appendChild(hideDiv); hideDiv.appendChild(form); Object.keys(params).forEach(key => { const input = document.createElement("input"); input.setAttribute("name", key); input.setAttribute("value", params[key].toString()); form.appendChild(input); }); form.submit(); };

exportGet = (apiUrl, params) => { if (this.hideDiv) { document.body.removeChild(this.hideDiv); this.hideDiv = null; } const hideDiv = document.createElement("div"); this.hideDiv = hideDiv; const form = document.createElement("form"); hideDiv.style.display = "none"; form.setAttribute("target", "_blank"); form.setAttribute("action", apiUrl); form.setAttribute("method", "get"); document.body.appendChild(hideDiv); hideDiv.appendChild(form); Object.keys(params).forEach(key => { const input = document.createElement("input"); input.setAttribute("name", key); input.setAttribute("value", params[key].toString()); form.appendChild(input); }); form.submit(); };`

页面内导出

/* 下载文件流 */
export const downloadBlobFlow = (res, type, filename) => {
// 创建blob对象，解析流数据
const blob = new Blob([res], {
// 设置返回的文件类型
// type: 'application/pdf;charset=UTF-8' 表示下载文档为pdf，如果是word则设置为msword，excel为excel
type: type
})
// 这里就是创建一个a标签，等下用来模拟点击事件
const a = document.createElement('a')
// 兼容webkix浏览器，处理webkit浏览器中href自动添加blob前缀，默认在浏览器打开而不是下载
const URL = window.URL || window.webkitURL
// 根据解析后的blob对象创建URL 对象
const herf = URL.createObjectURL(blob)
// 下载链接
a.href = herf
// 下载文件名,如果后端没有返回，可以自己写a.download = '文件.pdf'
a.download = filename
document.body.appendChild(a)
// 点击a标签，进行下载
a.click()
// 收尾工作，在内存中移除URL 对象
document.body.removeChild(a)
window.URL.revokeObjectURL(herf)
}

扩展名----------MIME类型

　　.csv--------------text/csv

　　.jpeg/.jpg-------image/jpeg

　　.png-------------image/png

　　.rar--------------application/x-rar-compressed

　　.doc-------------application/msword

　　.docx-----------application/vnd.openxmlformats-officedocument.wordprocessingml.document

　　.xls--------------application/vnd.ms-excel

       .xlsx------------application/vnd.openxmlformats-officedocument.spreadsheetml.sheet

　　.zip--------------application/zip