new blob 下载excel 前端二进制数据

download(data, fileName) {
if (!data) {
return
}
let url = window.URL.createObjectURL(new Blob([data], {type: “application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8”}))
console.log(url)
let link = document.createElement(‘a’);
link.style.display = ‘none’;
link.href = url;
link.setAttribute(‘download’, fileName);
document.body.appendChild(link);
link.click();
},

//下载数据json字符串
downloadTxt(row) {
console.log(row.moduleJson);
let jsonStr1 = JSON.stringify(row.moduleJson.replace(/“/g, “””));
let jsonStr = JSON.parse(jsonStr1);
console.log(jsonStr);
let str = jsonStr
let strData = new Blob([str], {type: ‘text/plain;charset=utf-8’});
saveAs(strData, row.demandName + “.txt”);
},

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
首先,你需要在前端使用ajax向后端发送请求,并在请求中设置responseType为blob,以便获取二进制数据。同时,你需要在后端将excel文件转换成二进制数据并返回给前端。 以下是一个使用jQuery的前端示例代码: ```javascript $.ajax({ url: 'your-backend-url', method: 'POST', responseType: 'blob', // 设置返回数据类型为二进制流 success: function(data) { // 创建一个a标签,将二进制数据转换为URL,并设置下载属性 var a = document.createElement('a'); var url = window.URL.createObjectURL(data); a.href = url; a.download = 'file.xls'; // 将a标签添加到文档中,并自动触发点击事件下载文件 document.body.appendChild(a); a.click(); // 下载完成后,释放URL对象 window.URL.revokeObjectURL(url); } }); ``` 在后端,你可以使用EPPlus或NPOI等库来将Excel文件转换为二进制数据,并将其作为响应返回给前端。以下是一个使用EPPlus的后端示例代码: ```csharp using OfficeOpenXml; // ... [HttpPost] public IActionResult DownloadExcel() { // 读取Excel文件 var fileInfo = new FileInfo("path/to/file.xlsx"); using (var package = new ExcelPackage(fileInfo)) { // 获取工作表 var worksheet = package.Workbook.Worksheets[0]; // 将工作表转换为二进制数据 var data = worksheet.ConvertToBinary(); // 返回二进制数据 return File(data, "application/vnd.ms-excel", "file.xls"); } } ``` 注意,以上代码仅供参考,具体实现可能会因为框架和库的不同而有所不同。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值