网页中的文件上传与接收

文件上传功能需要前台功能和后台功能共同配合完成

前台：文件上传的三要素

• 1.页面提供文件上传的表单元素

• 2.form表单enctype属性的值为multipart/form-data

• 3.表单的提交方式必须是POST，get方式无法提交大量的数据

后台：可以使用的技术有很多，在此处我们使用apache提供的commons-fileupload组件完成文件上次操作，后台的操作步骤如下

• 确认请求操作是否支持文件上传
• 创建磁盘工厂对象，用于将页面上传的文件保存到磁盘中
• 获取servet文件上传核心对象
• 读取数据

1.前台页面添加数据

<form id="editForm" action="${ctx}/store/question?operation=testUpload" method="post" enctype="multipart/form-data">

<input type="file" class="form-control" placeholder="题干图片" name="picture">

</form>

2.完成文件上传的后台代码

public class QuestionServlet extends BaseServlet
{
		private void testUpload(HttpServletRequest request,HttpServletResponse response) throws Exception 
	{
	    //1.确认该操作是否支持文件上传操作，enctype="multipart/form-data"
	    if(ServletFileUpload.isMultipartContent(request))
	    {
	        //2.创建磁盘工厂对象
	        DiskFileItemFactory factory = new DiskFileItemFactory();
	        //3.Servlet文件上传核心对象
	        ServletFileUpload fileUpload = new ServletFileUpload(factory);
	        //4.从request中读取数据
	        List<FileItem> fileItems = fileUpload.parseRequest(request);
			//遍历元素
	        for(FileItem item : fileItems)
	        {
	            //5.当前当前是否是文件表单.是文件不是表单项的话执行.
	            if(!item.isFormField())
	            {
	                //6.从临时存储文件的地方将内容写入到指定位置
	                item.write(new File(this.getServletContext().getRealPath("upload"),item.getName()));
	            }
	            else
	            {
	            	//处理表单项的内容
	            }
	        }
	    }
	}
}

实例 .对于上传过来的普通表单数据,可以直接封装后用BeanUtils 处理.
剩下的文件数据单独处理.

private void save(HttpServletRequest request,HttpServletResponse response) throws Exception
    {
        //1.确认该操作是否支持文件上传操作，enctype="multipart/form-data"
        if (ServletFileUpload.isMultipartContent(request))
        {
            //2.创建磁盘工厂对象
            DiskFileItemFactory factory = new DiskFileItemFactory();
            //3.Servlet文件上传核心对象
            ServletFileUpload fileUpload = new ServletFileUpload(factory);
            //4.从request中读取数据
            List<FileItem> fileItems = fileUpload.parseRequest(request);
            // --处理form表单提交过来的普通数据
            //将数据获取到，封装成一个对象
            Question question = BeanUtil.fillBean(fileItems, Question.class);
            //调用业务层接口save
            String picture = questionService.save(question);


            
            // --处理form表单提交过来的文件数据
            for (FileItem item : fileItems)
            {
                //5.当前表单是否是文件表单
                if (!item.isFormField())
                {
                    item.write(new File(this.getServletContext().getRealPath("upload"), question.getId()));
                }
            }
        }

        //跳转回到页面list
        response.sendRedirect(request.getContextPath() + "/store/question?operation=list");
    }