首页 > 技术文章 > JavaScript 实现CSV下载功能

nana402 2018-10-30 16:43 原文

JavaScript实现下载表格功能,通过blob下载CSV文件:

 

onDownloadCSV() {
                console.log('onDownloadCSV')
                api.exportSalesFlowCSV(this.salesflowFilter, response => {
                    if (typeof response.data == 'string') {
                        const data = '\ufeff' + response.data
                        let blob = new Blob([data], { type: 'text/csv,charset=UTF-8' }) // 将字符串转成blob地址
                        let fileName = '下载标题.csv’if (window.navigator.msSaveOrOpenBlob) {
                            // msSaveOrOpenBlob方法返回bool值
                            navigator.msSaveBlob(blob, fileName) // 本地保存
                        } else {
                            const link = document.createElement('a') // a标签下载
                            link.href = window.URL.createObjectURL(blob)
                            link.download = fileName
                            link.click()
                            window.URL.revokeObjectURL(link.href)
                        }
                    } else {
                        swal(response.data.msg, '', 'info') // 个人弹窗忽视
                    }
                })
            },

 

推荐阅读