文件的下载

最新推荐文章于 2025-07-30 14:22:33 发布

原创最新推荐文章于 2025-07-30 14:22:33 发布 · 411 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#input #浏览器 #服务器 #div #function

本文介绍如何使用JavaScript实现动态增加和删除文件输入框，并提供了具体的代码示例。此外，还介绍了通过设置HTTP响应头实现文件下载的方法，包括设置Content-Type和Content-Disposition。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、利用JS技术动态添加删除输入项
JS的代码如下，解决在指定DIV中插入元素和删除元素
<script type="text/javascript">
function addfile(){
var files=document.getElementById("files");
var input=document.createElement("input");
input.name="file";
input.type="file";

var delButton=document.createElement("input");
delButton.type="button";
delButton.value="删除";
delButton.onclick=function del(){
this.parentNode.parentNode.removeChild(this.parentNode);
}

var div=document.createElement("div");

div.appendChild(input);
div.appendChild(delButton);

files.appendChild(div);
}
</script>
二、文件的下载
1、设置Content-Type的值 application/x-msdownload 服务器需要告诉浏览器其输出的内容类型不是普通文本而是一个要保存到本地的下载文件
response.setContentType=("application/x-msdownload");
2、服务器希望浏览器不直接处理相应的实体内容，而是由用户选择将相应的实体内容保存到一个文件中，这需要设置Content Disposition报头。在HTTP应用中只有attchment是标准方式在attachment后面还可以指定filename参数，该参数是服务器建议浏览器将实体内容保存到文件中的文件名称。在设置Content disposition之前一定要指定content-Type
String str="attachment; filename="+java.net.URLEncoder.encode(fileName,"utf-8");
response.setHeader("Content-Disposition",str);
3、ListFileServlet------listfiles.jsp-------DownloadServlet.java
ListFileServlet:读取某一个文件夹下的所有的文件---List对象---存入request作用域范围内