JS下載文件|無刷新下載文件示例代碼

2024-05-06 16:04:16

字體：大中小

來源：轉載

供稿：網友

JS下載文件的實現在網上可以找到很多教程，不過本文為大家介紹的是無刷新下載文件，貌似更酷一點是吧

后臺代碼Handler.ashx

復制代碼代碼如下:

<%@ WebHandler Language="C#" %>

using System;
using System.Web;

public class Handler : IHttpHandler {

public void ProcessRequest (HttpContext context) {
string fileName = "web.config";//客戶端保存的文件名
string filePath = context.Server.MapPath("web.config");//路徑
//以字符流的形式下載文件
System.IO.FileStream fs = new System.IO.FileStream(filePath, System.IO.FileMode.Open);
byte[] bytes = new byte[(int)fs.Length];
fs.Read(bytes, 0, bytes.Length);
fs.Close();
context.Response.ContentType = "application/octet-stream";
//通知瀏覽器下載文件而不是打開
context.Response.AddHeader("Content-Disposition", "attachment; filename=" + HttpUtility.UrlEncode(fileName, System.Text.Encoding.UTF8));
context.Response.BinaryWrite(bytes);
context.Response.Flush();
context.Response.End();
}

public bool IsReusable {
get {
return false;
}
}

}

前端代碼:

復制代碼代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<script src="jquery-1.7.2.min.js" type="text/javascript"></script>
<title></title>
<script>
function download_file(url)
{

if (typeof (download_file.iframe) == "undefined")
{
var iframe = document.createElement("iframe");
download_file.iframe = iframe;
document.body.appendChild(download_file.iframe);
}
// alert(download_file.iframe);
download_file.iframe.src = url;

download_file.iframe.style.display = "none";

}
</script>
</head>
<body>
<a href="javascript:void(0);">aaaaa</a>
<a href="javascript:void(0);">bbbbb</a>
<a href="javascript:void(0);">ccccc</a>

</body>
</html>