jq 实现文件下载

🐱 个人主页:SHOW科技,公众号:SHOW科技
🙋‍♂️ 作者简介:2020参加工作,专注于前端各领域技术,共同学习共同进步,一起加油呀!
💫优质专栏:前端主流技术分享
📢 资料领取:前端进阶资料可以找我免费领取
🔥 摸鱼学习交流:我们的宗旨是在「工作中摸鱼,摸鱼中进步」,期待大佬一起来摸鱼!
————————————————
版权声明:本文为CSDN博主「SHOW科技」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

后端返回一定要是返回二进制流,我这个版本才可以使用,其他的那些网上一大堆,我就不发了。

//获取当前页面隐藏a标签,思路就是隐藏域,如果对隐藏域不懂可以去看我之前的文章
var donload = document.getElementById('donload')

let url = "当前链接地址";
$.ajax({
		url:url,
		type:"get",
        //下面这句代码是关键 如果不行的话可以试试 responseType: 'blob',
		xhrFields: { responseType: "arraybuffer" },
		success:function(res){
			var blob = new Blob([res]);
			donload.download = name;
			donload.href=window.URL.createObjectURL(blob);
			donload.click()
		},
})

  • 4
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
由于JQ并没有内置的excel导入导出功能,需要借助其他插件或库来实现。 1. 前端Excel导入 可以使用SheetJS库来实现前端Excel导入。具体步骤如下: 1. 引入SheetJS库。可以从官网下载或者使用CDN引入。 2. 使用FileReader读取文件内容,并将文件内容转换为二进制字符串。 ``` var reader = new FileReader(); reader.onload = function(e) { var data = e.target.result; var workbook = XLSX.read(data, {type: 'binary'}); // 处理Excel内容 }; reader.readAsBinaryString(file); ``` 3. 将二进制字符串解析为Excel对象,并对数据进行处理。 ``` var sheet_name_list = workbook.SheetNames; var sheet = workbook.Sheets[sheet_name_list[0]]; var json_data = XLSX.utils.sheet_to_json(sheet); // 处理json_data ``` 2. 前端Excel导出 可以使用js-xlsx库来实现前端Excel导出。具体步骤如下: 1. 引入js-xlsx库。可以从官网下载或者使用CDN引入。 2. 创建工作簿对象,并设置工作表内容。 ``` var worksheet = XLSX.utils.json_to_sheet(json_data); var workbook = XLSX.utils.book_new(); XLSX.utils.book_append_sheet(workbook, worksheet, "Sheet1"); ``` 3. 将工作簿对象转换为二进制字符串,并将其下载到本地。 ``` var wbout = XLSX.write(workbook, {bookType:'xlsx', type: 'binary'}); function s2ab(s) { var buf = new ArrayBuffer(s.length); //convert s to arrayBuffer var view = new Uint8Array(buf); //create uint8array as viewer for (var i=0; i<s.length; i++) view[i] = s.charCodeAt(i) & 0xFF; //convert to octet return buf; } saveAs(new Blob([s2ab(wbout)],{type:"application/octet-stream"}), 'example.xlsx'); ``` 注意:以上代码中的saveAs函数用于将二进制数据保存到本地文件中,需要引入FileSaver库。可以从官网下载或者使用CDN引入。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值