ajax 实现文件下载功能

素颜马尾好姑娘i 2022-02-28 13:48 1197阅读 0赞

ajax一般是用来请求服务端的数据，下载文件需要先从服务器获取文件请求路径，然后使用form表单提交的方法来实现文件的下载。

先引入jquery文件，jquery的免费cdn地址：<script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>  
// 定义到jQuery全局变量下-文件下载  
jQuery.download = function (url, method, filedir) \{  
  jQuery('<form action="' + url + '" method="' + (method || 'post') + '">' +  // action请求路径及推送方法  
              '<input type="text" name="filePath" value="' + filedir + '"/>' + // 文件路径  
          '</form>')  
  .appendTo('body').submit().remove();  
  //var newTab = window.open('about:blank')  
  //newTab.location.href = url;  
\};  
使用：  
//导出事件  
            $('\#btnExport').click(function (e) \{  
                e.preventDefault();//阻止a链接的跳转行为  
                $.ajax(\{  
                    type: "post",  
                    url: "/FileExport/Export",  
                    dataType: "json",  
                    data: \{ address: addr\},  
                    success: function (data) \{  
                        $.download('/FileExport/DownLoadFile', 'post', data.value); // 下载文件  
                    \},  
                    error: function (data) \{  
                        alert("对不起，出现错误，请稍后重试或联系管理员");  
                    \}  
                \});  
            \});

https://blog.csdn.net/u010271602/article/details/77663760

发表评论取消回复

表情：

评论列表（有 0 条评论，1197人围观）

还没有评论，来说两句吧...

相关阅读

相关 ajax实现文件下载

ajax请求返回类型只有xml,String,json.使用response下载时如何用ajax实现? 第一步:将内容写入文件,返回文件存放路径. 第二步:在回调函数中创建

水深无声/ 2022年08月18日 11:52/ 0 赞/ 217 阅读

相关 javascript 实现文件下载功能

通过javascript 实现文件下载功能，本代码可判断下载的方式，是另存为还是下载文件，另存为是把网页保存到本地了。JS实现文件下载：在页面上添加以下代码： <

客官°小女子只卖身不卖艺/ 2022年07月26日 06:25/ 0 赞/ 229 阅读

相关 ajax下载文件

ajax运行在js的沙箱中，它不能访问物理磁盘。因此用ajax下载不能成功。采用模拟窗体提交的方式下载。 var url = "/ajax/tts/TraceLo

小灰灰/ 2022年06月07日 00:08/ 0 赞/ 237 阅读

相关 Ajax不能实现文件下载功能

Ajax 为什么不能实现文件下载： jq的ajax回调已经把response的数据傻瓜式的以字符串的方式解析.而我用SpringMVC 传回的是ResponseEntit

超、凢脫俗/ 2022年05月27日 13:09/ 0 赞/ 216 阅读

相关 SpringMVC使用ajax 实现文件下载

SpringMVC使用ajax 实现文件下载一、说明结论 1、 ajax 是无法实现文件下载的，原因：ajax请求只是个“字符型”的请求，即请求的内容是以文本类

怼烎@/ 2022年05月20日 09:05/ 0 赞/ 394 阅读

相关 SpringMVC实现文件下载功能（文件导出功能）

1.页面代码 <a class="layui-btn" href="${pageContext.request.contextPath}/bAndWListManag

梦里梦外;/ 2022年05月09日 03:48/ 0 赞/ 331 阅读

相关 ajax 实现文件下载功能

ajax一般是用来请求服务端的数据，下载文件需要先从服务器获取文件请求路径，然后使用form表单提交的方法来实现文件的下载。先引入jquery文件，jquery的免费cdn

素颜马尾好姑娘i/ 2022年02月28日 13:48/ 0 赞/ 1198 阅读

相关 django 实现文件下载功能

第一种方法第一种方法，直接把链接地址指向要下载的静态文件，在页面中点击该链接，可以直接打开该文件，在链接上点击右键，选择“另存为”可以保存该文件到本地硬盘。但是我成功

今天药忘吃喽~/ 2022年02月20日 00:09/ 0 赞/ 604 阅读

相关 django 实现文件下载功能

[django 实现文件下载功能][django] 一、概述在实际的项目中很多时候需要用到下载功能，如导excel、pdf或者文件下载，当然你可以使用web服务自

Love The Way You Lie/ 2022年02月02日 08:41/ 0 赞/ 360 阅读

相关 java实现文件下载功能

第一种方法： public HttpServletResponse download(String path, HttpServletResponse respons

淩亂°似流年/ 2021年06月22日 15:37/ 0 赞/ 582 阅读