二维码图片下载,补充前面的文章

本文探讨了在前端使用ligerUI框架实现文件下载的方法。通过对比不同请求方式下的响应头信息,详细介绍了如何从XMLHttpRequest请求改为模拟form表单提交,最终成功实现文件下载的过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在前面写过一篇文章,实现图片的下载,前面都是基于别人来请求接口的方式,直接给用户在页面展示,或者下载到本地!现有一需求,要在管理平台中实现下载,从页面下载触发下载按钮进行下载,前端使用ligerUI框架,做整个前端页面的渲染和朝向后台的请求都是用ligerUI自身所带!

先说不同的情况,假如我在地址栏直接请求后台地址是可以实现的,如图


地址栏直接请求后台地址实现下载!


假如我在页面触发,按钮,如图

这个是和地址栏请求相同的后台路径,前端使用ligerUI实现


直接向后台请求,这个时候抓取到的请求头信息如何,


而在地址栏的请求头信息如下,


对比发现,页面请求方式是XMLHttpRequest的方式,假如页面这时候使用ajax触发后台请求也是不能实现下载,请求方式如下

$.ajax({
		type : "post",
		url : ctx + "/org/downLoadCode",
		processData : true,
		data : {"orgId":orgId},
		dataType : "json",
		success : function(data) {
			if (data) {
				$.ligerDialog.alert("导出成功!", "提示", "success", function() {
					
				});
			} else {
				$.ligerDialog.error("添加操作员失败");
			}
		}
	});
这时候ajax的方式也是不能下载,大家可以自行抓取请求头比较,但是都不能下载我要如何解决呢?

还是从请求方式说起,这时候我模拟form表达的请求方式,再次抓取请求头,这时候发现是这样的请求头信息,


这就是我要的要的方式了,成功下载我要的文件内容,至于如何实现form触发,相信不是什么问题了!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值