Html5的文件上传

最新推荐文章于 2024-06-29 16:04:34 发布

pengpengcoder

最新推荐文章于 2024-06-29 16:04:34 发布

阅读量382

点赞数

分类专栏： Html 文章标签： html5 file

本文链接：https://blog.csdn.net/qq1620851849/article/details/78087852

版权

Html 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

HTML5实现多文件的上传示例代码

2015-12-29 10:08 1139人阅读评论(2) 收藏举报

 
  主要用到的是<input>的multiple属性  
 

代码如下:

[html]view plaincopy 
     
 <input type="file" name="multipleFileUpload" multiple />   

下面是页面的详细代码：

代码如下:

[html]view plaincopy 
     
 <!DOCTYPE html>  
 <html>  
 <head>  
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
 <title>Solution 4-5: Sending multiple files</title>  
 </head>  
 <body>  
     <form id="myForm"  
         action="http://10.10.25.31:8080/myupload/UploadPhotoServlet"  
         ENCTYPE="multipart/form-data" METHOD="POST">  
         <input type="file" name="multipleFileUpload" multiple /> <input  
             type="submit" value="提交"> <input type="reset" value="重设">  
     </form>  
 </body>  
 </html>  

java后台的详细代码：

代码如下:

[java]view plaincopy 
     
 import java.io.File;  
 import java.io.IOException;  
 import java.text.SimpleDateFormat;  
 import java.util.Calendar;  
 import java.util.Date;  
 import java.util.List;  
 import javax.servlet.ServletException;  
 import javax.servlet.http.HttpServlet;  
 import javax.servlet.http.HttpServletRequest;  
 import javax.servlet.http.HttpServletResponse;  
 import org.apache.commons.fileupload.FileItem;  
 import org.apache.commons.fileupload.FileUploadException;  
 import org.apache.commons.fileupload.disk.DiskFileItemFactory;  
 import org.apache.commons.fileupload.servlet.ServletFileUpload;  
   
 /** 
  * Servlet implementation class UploadPhotoServlet 
  */  
 public class UploadPhotoServlet extends HttpServlet {  
     private static final long serialVersionUID = 1L;  
   
     /** 
      * @see HttpServlet#HttpServlet() 
      */  
     public UploadPhotoServlet() {  
         super();  
         // TODO Auto-generated constructor stub  
     }  
   
     /** 
      * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse 
      *      response) 
      */  
     protected void doGet(HttpServletRequest request,  
             HttpServletResponse response) throws ServletException, IOException {  
         // TODO Auto-generated method stub  
         doPost(request, response);  
     }  
   
     /** 
      * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse 
      *      response) 
      */  
     @SuppressWarnings("unchecked")  
     protected void doPost(HttpServletRequest request,  
             HttpServletResponse response) throws ServletException, IOException {  
         String imagePath = "c:\\uploadFile\\Image\\" + getEachDate() + "\\";// 按日期生成文件夹  
         File uploadPath = new File(imagePath);  
         if (!uploadPath.exists()) {  
             uploadPath.mkdirs();  
         }  
         File tmp = new File("c:\\tmp\\");  
         if (!tmp.exists()) {  
             tmp.mkdirs();  
         }  
         DiskFileItemFactory factory = new DiskFileItemFactory();// 创建磁盘工厂  
         factory.setRepository(tmp);// 设置文件缓存路径  
         factory.setSizeThreshold(10 * 1096);// 将文件保存在内存还是磁盘临时文件夹的默认临界值，值为10240，即10kb  
         ServletFileUpload sfu = new ServletFileUpload(factory);// 创建处理工具  
         sfu.setSizeMax(10 * 1024 * 1024);// 服务器端可以接收的最大文件大小，-1表示无上限  
         String fileName = null;  
         try {  
             List<FileItem> list = sfu.parseRequest(request);// 解析  
             if (list.size() < 1) {  
                 return;  
             }  
             for (int j = 0; j < list.size(); j++) {  
                 FileItem item = list.get(j);  
                 fileName = item.getName();  
                 if (fileName.equals("")) {  
                     request.getRequestDispatcher("/com/visualizerPhoto.jsp")  
                             .forward(request, response);  
                     return;  
                 }  
                 int pos = fileName.lastIndexOf(".");// 取图片文件格式  
                 if (pos > 0) {  
                     Date date = new Date();  
                     fileName = imagePath + date.getTime()  
                             + fileName.substring(pos);  
                 }  
                 System.out.println("item:" + item);  
                 item.write(new File(fileName));// 写到磁盘  
             }  
         } catch (FileUploadException e) {  
             e.printStackTrace();  
         } catch (Exception e) {  
             e.printStackTrace();  
         }  
     }  
   
     // 13-11-15  
     public static String getEachDate() {  
         Calendar cal = Calendar.getInstance();  
         cal.add(Calendar.DATE, 0);  
         String yesterday = new SimpleDateFormat("yyyy-MM-dd ").format(cal  
                 .getTime());  
         String[] dates = yesterday.split("-");  
         String realDate = dates[0].substring(2, 4) + "-" + dates[1] + "-"  
                 + dates[2];  
         return realDate.trim();  
     }  
 }  