码迷,mamicode.com
首页 > Web开发 > 详细

Jquery+asp.net实现Ajax方式文件下载实例代码

时间:2015-10-10 09:04:28      阅读:246      评论:0      收藏:0      [点我收藏+]

标签:

如果文件中,需要下载一个文件,一般用超级链接的方式即可。

但是如果是图片,浏览器会默认打开图片浏览,不是实现下载。

考虑可以使用jquery ajax提交form请求的方式。

jquery download函数:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 // Ajax 文件下载
    jQuery.download = function (url, data, method) {
        // 获取url和data
        if (url && data) {
            // data 是 string 或者 array/object
            data = typeof data == ‘string‘ ? data : jQuery.param(data);
            // 把参数组装成 form的  input
            var inputs = ‘‘;
            jQuery.each(data.split(‘&‘), function () {
                var pair = this.split(‘=‘);
                inputs += ‘<input type="hidden" name="‘ + pair[0] + ‘" value="‘ + pair[1] + ‘" />‘;
            });
            // request发送请求
            jQuery(‘<form action="‘ + url + ‘" method="‘ + (method || ‘post‘) + ‘">‘ + inputs + ‘</form>‘)
        .appendTo(‘body‘).submit().remove();
        };
    };

用jquery的方式组织一个字符串,模拟提交一个form请求。

也就是动态渲染表单,提交表单后再删除。

 

 

html的图片代码:

1
<img onclick=\"GetSrcFromSvc(‘" + name + "‘)\" src=\"" + imgurl + "\" //>

GetSrcFromSvc函数实现调用:

1
 $.download("http://localhost:2204/wx/Default.aspx""img=" + url, ‘post‘);

asp.net服务器端代码:aspx文件:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 微软为Response对象提供了一个新的方法TransmitFile来解决使用Response.BinaryWrite下载超过
 400mb的文件时导致Aspnet_wp.exe进程回收而无法成功下载的问题。  ///指定被输出图像的地址
  
        string imgurl = Request.Form["img"];
        string FileName = Server.MapPath(imgurl);
        //   System.Drawing.Image img = System.Drawing.Image.FromFile(imgurl);
        //   MemoryStream ms = new System.IO.MemoryStream();
        //   img.Save(ms, System.Drawing.Imaging.ImageFormat.Jpeg);
        //   img.Dispose();
        //   context.Response.ClearContent();
        //   context.Response.ContentType = "image/jpg";
        //   context.Response.BinaryWrite(ms.ToArray());
        //   //context.htm = htm&File(FileName);
        //   ////將buffer 中的stream全部送出
        //    context.Response.Flush();
        ////   context.Response.End();
        string filePath = Server.MapPath(imgurl);//路径 
        if (File.Exists(filePath))
        {
            FileInfo fileinfoo = new FileInfo(filePath);
            Response.ContentType = "application/x-zip-compressed";
            Response.AddHeader("Content-Disposition""attachment;filename=" + fileinfoo.Name + "");
            Response.TransmitFile(filePath);
        }
        else
        {
            htm = htm&("未找到文件。");
        }

asp.net 流方式下载:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
     string imgurl = Request.Form["img"];
        string FileName = Server.MapPath(imgurl);
        if (File.Exists(FileName))
        {
            FileInfo fileinfoo = new FileInfo(FileName);
            //以字符流的形式下载文件
            FileStream fs = new FileStream(FileName, FileMode.Open);
            byte[] bytes = new byte[(int)fs.Length];
            fs.Read(bytes, 0, bytes.Length);
            fs.Close();
            Response.ContentType = "application/octet-stream";
            //通知浏览器下载文件而不是打开
            Response.AddHeader("Content-Disposition""attachment;   filename=" + HttpUtility.UrlEncode(fileinfoo.Name, System.Text.Encoding.UTF8));
            Response.BinaryWrite(bytes);
            Response.Flush();
            Response.End();
        }

测试环境

win7+IE9 IE10 。手机端:uc。

其他浏览器无法预计效果。

 

Jquery+asp.net实现Ajax方式文件下载实例代码

标签:

原文地址:http://www.cnblogs.com/love540376/p/4865694.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!