spring mvc + ajax实现无刷新下载文件

逍遥不羁

于 2017-04-13 14:18:45 发布

阅读量1w

点赞数 1

分类专栏： ajax Spring-MVC 文章标签： spring ajax

本文链接：https://blog.csdn.net/javaloveiphone/article/details/70157660

版权

本文介绍了如何利用Spring MVC和Ajax技术实现在不刷新页面的情况下下载文件。由于Ajax返回类型限制，需通过创建form并提交实现。在前端，使用JQuery生成form，后台controller处理请求并返回文件流。此外，还提到了如何通过Ajax加载图片，后台可返回图片的base64数据，前端直接赋值给img标签的src属性。

摘要由CSDN通过智能技术生成

JQuery的ajax函数的返回类型只有xml、text、json、html等类型，没有“流”类型，所以我们要实现ajax下载，不能够使用相应的ajax函数进行文件下载。但可以用js生成一个form，用这个form提交参数，并返回“流”类型的数据。在实现过程中，页面也没有进行刷新。

前端代码：

<a href="JavaScript:downloadFile('${fileName }')">${fileName }</a><br>

function downloadFile(fileName){
   
    var rootPath = this.getRootPath();//getRootPaht()自定义的方法，自行拼装
    if(fileName){
        var form=$("<form>");//定义一个form表单
        form.attr("style","display:none");
        form.attr("target","");
        form.attr("method","post");
        form.attr("action",rootPath+'/downLoadFile');
        var fileInput=$("<input>");
        fileInput.attr("type","hidden");
        fileInput.attr("id",&#