JavaScript+Struts2实现可选择性多文件上传
编程技术 / houtizong 发布于 3年前 79
- 页面代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>My JSP 'index.jsp' starting page</title><SCRIPT type="text/javascript">function addMore(){var td = document.getElementById("more");var br = document.createElement("br");//创建一个换行标签//创建一个类型为type的input标签var input = document.createElement("input");input.type="file";//设置input类型为fileinput.name="upload"//设置input的名称为upload//创建一个类型为button的input标签var button = document.createElement("input");button.type="button"; //设置input类型为buttonbutton.value="Remove"; //设置input显示为Remove//设置按钮事件button.onclick=function(){td.removeChild(br);td.removeChild(input);td.removeChild(button);}td.appendChild(br);td.appendChild(input);td.appendChild(button);}</SCRIPT></head><body><form action="uploadfile4" method="post" enctype="multipart/form-data"><table border="1px"><tr><td>file</td><td id="more"><input type="file" name="upload" /><input type="button" value="Add More..." onclick="addMore()"/></td></tr><tr align="right"><td colspan="2"><input type="submit" value="上传"/></td></tr></table></form></body></html>当多文件上传时，在Struts2的Action类中可以使用数组也可以使用List<E>泛型的方式来获取上传的多文件，获取数组后，处理方式就和单个文件上传的方式一样Action处理代码：
private File[] upload; // 上传的文件，与页面的<input type="file"// name="upload"/>中的name属性一致private String[] uploadFileName;// 文件名，Struts规定个格式 [name]FileNameprivate String[] uploadContentType;// 文件类型，Struts规定的格式[name]ContentType@SuppressWarnings("deprecation")public String execute() {try {for (int i = 0; i < upload.length; i++) {InputStream is = new FileInputStream(upload[i]);// 创建输入流，读取上传文件// String parentDir =// ServletActionContext.getServletContext().getRealPath(parentDir);String parentDir = ServletActionContext.getRequest().getRealPath("/upload");// 指定文件上传目录File destFile = new File(parentDir, this.getUploadFileName()[i]);if (!destFile.getParentFile().exists()) {// 判断存放文件的目录是否存在destFile.getParentFile().mkdir();// 不存在则创建}OutputStream os = new FileOutputStream(destFile);// 创建输出流，将内容写入文件byte[] buffer = new byte[1024];int length = 0;while ((length = is.read(buffer)) > 0) {// 读文件os.write(buffer, 0, length);// 写文件}is.close();// 关闭inputStreamos.close();// 关闭outputStream}} catch (Exception e) {e.printStackTrace();}return "success";}也可以使用泛型的方式进行接收，并且处理：
private List<File> upload; //上传的文件，与页面的<input type="file" name="upload"/>中的name属性一致private List<String> uploadFileName;//文件名，Struts规定个格式 [name]FileNameprivate List<String> uploadContentType;//文件类型，Struts规定的格式[name]ContentType@SuppressWarnings("deprecation")public String execute() {try {for(int i=0;i<upload.size();i++){InputStream is = new FileInputStream(upload.get(i));//创建输入流，读取上传文件//String parentDir = ServletActionContext.getServletContext().getRealPath(parentDir);String parentDir = ServletActionContext.getRequest().getRealPath("/upload");//指定文件上传目录File destFile = new File(parentDir, this.getUploadFileName().get(i));if (!destFile.getParentFile().exists()) {//判断存放文件的目录是否存在destFile.getParentFile().mkdir();//不存在则创建}OutputStream os = new FileOutputStream(destFile);//创建输出流，将内容写入文件byte[] buffer = new byte[1024];int length = 0;while ((length = is.read(buffer)) > 0) {// 读文件os.write(buffer, 0, length);// 写文件}is.close();//关闭inputStreamos.close();//关闭outputStream}} catch (Exception e) {e.printStackTrace();}return "success";}只是对多个文件进行遍历，而处理的方式和单个文件是一致的请勿发布不友善或者负能量的内容。与人为善，比聪明更重要！
技术博客集 - 网站简介：
前后端技术：
后端基于Hyperf2.1框架开发,前端使用Bootstrap可视化布局系统生成
网站主要作用：
1.编程技术分享及讨论交流，内置聊天系统;
2.测试交流框架问题，比如：Hyperf、Laravel、TP、beego;
3.本站数据是基于大数据采集等爬虫技术为基础助力分享知识，如有侵权请发邮件到站长邮箱，站长会尽快处理;
4.站长邮箱：[email protected];
文章归档
文章标签
友情链接
