ajax 实现文件下载功能

工作中遇到的问题 同时被 3 个专栏收录
6 篇文章 0 订阅
9 篇文章 0 订阅
4 篇文章 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
    点赞
  • 0
    评论
  • 2
    收藏
  • 扫一扫,分享海报

参与评论 您还未登录,请先 登录 后发表或查看评论
©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值