JavaScript 实现CSV下载功能

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') // 个人弹窗忽视
                    }
                })
            },

 

转载于:https://www.cnblogs.com/nana402/p/9877742.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值