zoukankan      html  css  js  c++  java
  • Ajax请求ashx一般处理程序实现文件下载

        具体功能为,在文件数据列表中选择一行,点击表格上方的下载按钮,下载文件。由于表格中不包含文件路径,只能取到在数据库表中的ID,所以具体实现就是这样:首先点击一行,获取点击的一行数据的ID,用Ajax传值到Ashx服务文件,在Ashx中根据ID取到文件路径,转换为服务器虚拟路径后返回到Web页面。在Web页面中用Ajax进行下载。

        一开始尝试过直接在Ashx服务处理中response.writeFile(),结果不能下载,原因可能是因为Ajax请求,而返回的时候直接返回到了Ajax的回调函数中。于是只好取到文件的路径后直接返回回调函数,然后在回调函数路面下载。

        在网上找到好多种下载方式,用jQuery来处理文件路径最多的建议就是window.href=url,可能很多需求并不是下载文件,而是重定向吧。如果下载文件这样写也是可以的,只不过用户体验不好,点击下载后就跳转页面了,下载完还要后退或者怎么样。所以我就没有用这种方式。

        下面还是讲讲我用的方法吧,比较巧妙。就是先在页面中添加一个隐藏的a标签,让其隐藏,在获取到文件路径的时候赋值给a的href,然后触发a标签的click事件就行了。

    <a id="dp" href="" style="display: none;"><span id="fp"></span></a>

        这里a标签如果直接触发的话没有用,所以在其中加了一个span标签,触发的span标签的click事件就可以了。

     function Download() {
                //在选择某行的时候给rowid赋值,这里取值即可
                var id = $("#rowid").val();
    
                $.ajax({
                    type: "POST",
                    url: "Download.ashx",
                    dataType: "json",
                    data: {
                        action: "DownLoad",
                        id: id
                    },
                    success: function (data) {
                        if (data != null || data != "") {
                            //获取返回的文件路径
                            var path = data[0]["path"].toString();
                            //给a标签赋值
                            $("#dp").attr("href", path);
                            //这里的fp是a标签中的span标签的ID
                            $("#fp").click();
                        }
                        else {
                            alert("文件不存在");
                        }
                    }
                });
            }

        这的确是一个比较实用的小诀窍,这下再也不用担心Ajax文件下载的问题啦。

  • 相关阅读:
    推荐系统(10)—— 进化算法、强化学习
    Throttle Debounce 总结
    文件点击下载
    Mongodb安装及启动正确姿势
    事务的ACID是指什么?
    sqlserver 获取时间字段 每月最后一天 分组(分区)最后一条的记录
    echarts map js或json 地图数据下载
    sqlserver 字段 逗号分隔分组 多行数据
    windows10 中文输入法 增加美式键盘 导致 系统部分语言变成英文
    excel 合并相同内容的单元格 vba
  • 原文地址:https://www.cnblogs.com/theblueberry/p/4173515.html
Copyright © 2011-2022 走看看