使用JS下载文件,可以通过以下步骤来实现。在这个示例中,我们使用.NET Core 2 MVC框架作为后端开发技术。
[HttpGet]
public IActionResult DownloadFile()
{
// 获取要下载的文件路径,可以是服务器上的任何路径
string filePath = "path_to_your_file";
// 读取文件内容
var fileBytes = System.IO.File.ReadAllBytes(filePath);
// 设置文件下载的响应头信息
var contentDisposition = new System.Net.Mime.ContentDisposition
{
FileName = "filename.ext", // 指定下载后保存的文件名
Inline = false // 设为 false,强制浏览器弹出下载窗口
};
Response.Headers.Add("Content-Disposition", contentDisposition.ToString());
// 返回文件内容
return File(fileBytes, "application/octet-stream");
}
function downloadFile() {
// 发起对后端API接口的请求
fetch('/api/downloadFile')
.then(response => response.blob())
.then(blob => {
// 创建一个隐藏的链接元素
const link = document.createElement('a');
link.href = window.URL.createObjectURL(blob);
link.download = 'filename.ext'; // 指定下载后保存的文件名
// 模拟点击链接进行下载
link.click();
// 释放URL对象
window.URL.revokeObjectURL(link.href);
});
}
<button onclick="downloadFile()">下载文件</button>
这样,当用户点击"下载文件"按钮时,前端代码将会发起对后端API接口的请求,并将文件下载到用户的本地计算机。
总结: 通过以上步骤,你可以使用JS下载文件。在后端代码中,我们创建了一个用于下载文件的API接口,并设置了文件下载的响应头信息。在前端代码中,我们使用JavaScript发起对后端API接口的请求,并通过创建一个隐藏的链接元素来模拟点击进行文件下载。
领取专属 10元无门槛券
手把手带您无忧上云