如何在html中通过下载对话框来下载服务器端的文件

最新推荐文章于 2025-01-02 18:27:32 发布

kevinlifeng

最新推荐文章于 2025-01-02 18:27:32 发布

阅读量9.6k

点赞数

文章标签： html 服务器 download javascript function ajax

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
   function download(){
     window.location.href="http://localhost:8080/pmichina/tempfile/pmichina.xls";
   }
</script>
</head>
<body>
<a href="javascript:void(0)" onclick="download();">test</a>
</body>
</html>

只要链接的文件存在,就会给出弹出保存对话框.

当点击按钮时就会弹出此对话框。

我们可以通过ajax，把文件保存到服务器上，然后返回文件的路径。在页面，我们通过

window.location.href="返回文件路径"，即可以到达下载文件的目的了。