前端请求后端url下载文件

1、window.localhost.href = url

     最直接的方式, 这种方式 360浏览器的急速模式会出现页面跳转

2、 

 try{
        var elemIF = document.createElement('iframe');
        elemIF.src = url;
        elemIF.style.display = 'none';
        document.body.appendChild(elemIF);
        // 防止下载两次
        setTimeout(function() {
            document.body.removeChild(elemIF)
        }, 1000);

    }catch(e){
        console.log(e);
    }

这种方式不管什么浏览器都不会出现页面跳转

3、a标签请求,与window.localhost.href 一致

前端请求后端下载文件有几种方法,其中包括使用原生servlet的HttpServletResponse方式下载、使用Spring的ResponseEntity方式下载、使用原生ajax之XMLHttpRequest方式下载、使用jQuery的Ajax方式下载以及使用原生ajax之fetch方式下载。具体方法的实现可以参考以下资料: - 原生servlet的HttpServletResponse方式下载:通过设置response对象的响应头信息,将文件流写入到响应流中,然后前端通过a标签的href属性进行文件下载。参考资料中的"一. 普通文件下载"部分。 - Spring的ResponseEntity方式下载:在后端使用ResponseEntity将文件流作为响应体返回,前端通过ajax请求获取文件流,并使用Blob对象创建URL进行文件下载。参考资料中的"一.2 Spring的ResponseEntity方式下载"部分。 - 原生ajax之XMLHttpRequest方式下载:通过XMLHttpRequest发送请求,设置responseType为"blob",获取到文件流后使用Blob对象创建URL进行文件下载。参考资料中的"三. 文件下载-原生ajax之XMLHttpRequest"部分。 - jQuery的Ajax方式下载:通过$.ajax发送请求,设置dataType为"binary",获取到文件流后使用Blob对象创建URL进行文件下载。参考资料中的"四. 文件下载-jQuery的Ajax"部分。 - 原生ajax之fetch方式下载:使用fetch发送请求,设置responseType为"blob",获取到文件流后使用Blob对象创建URL进行文件下载。参考资料中的"五. 下载数据库中保存的文件"部分。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值