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];

      订阅博客周刊 去订阅

文章归档

文章标签

友情链接

Auther ·HouTiZong
侯体宗的博客
© 2020 zongscan.com
版权所有ICP证 : 粤ICP备20027696号
PHP交流群 也可以扫右边的二维码
侯体宗的博客