七、关于form表单的enctype和post、get

遇到的bug,在enctype和post一起使用,并且在数据处理页面使用getparameter方法的时候拿到的值为null。但是把post换成get,数据处理页面不改变的情况下可以拿到值。


七、关于form表单的enctype和post、get_第1张图片
image.png

分析:
1、在form元素的语法中,enctype表明提交数据的格式,该属性指定将数据回发到服务器时浏览器使用的编码类型。该属性有三个取值:

  • application/x-www-form-urlencoded:窗体数据被编码为名称、值对。这是标准的编码格式。
  • multipart/form-data:窗体数据被编码为一条消息,页上的每个控件对应消息中的一个部分。
  • text/plain:窗体数据以纯文本形式进行编码,其中不含任何控件或格式字符。

2、form的enctype的常用属性有两种:application/x-www-form-urlencoded和multipart/form-data,默认为application/x-www-form-urlencoded。

3、在form的enctype属性为application/x-www-form-urlencoded的情况下,当action为get的时候,浏览器用x-www-form-urlencoded的编码方式把form数据转换成一个字串(name1=value1& amp;name2=value2...),然后把这个字串append到url后面,用?分割,加载这个新的url。当action为post的时候,浏览器把数据封装到http body中,然后发送到服务器。

4、如果form表单中没有typr=file的控件,使用默认的enctype属性值就可以了。但是有type=file的话,就要用到multipart/form-data了。

5、当有文件上传的时候,接受数据的代码应该如何?

request.setCharacterEncoding("utf-8");
    response.setCharacterEncoding("utf-8");
    boolean bRet = false;
    boolean bUpload = false;
    String uploadFileName = "";
    String fieldName = "";
    News news = new News();
    news.setCreateDate(new Date());
    
    //解析请求之前先判断请求类型是否为文件上传类型
    boolean isMultipart = ServletFileUpload.isMultipartContent(request);
    //指定上传位置
    String uploadFilePath = request.getSession().getServletContext().getRealPath("upload/");
    System.out.println("uploadFilePath");
    File saveDir = new File(uploadFilePath);  
    //如果目录不存在,就创建目录  
    if(!saveDir.exists()){  
        saveDir.mkdir();  
    }  
    
    if(isMultipart){
        //创建文件上传核心类 
        FileItemFactory factory = new DiskFileItemFactory(); // 实例化一个硬盘文件工厂,用来配置上传组件ServletFileUpload
        ServletFileUpload upload = new ServletFileUpload(factory); // 用以上工厂实例化上传组件
        try{
            //处理表单请求
            List items = upload.parseRequest(request);
            Iterator iter = items.iterator();
            while(iter.hasNext()){
                FileItem item = (FileItem)iter.next();
                if(item.isFormField()){// 如果是普通表单控件 
                    fieldName = item.getFieldName();// 获得该字段名称
                    if(fieldName.equals("title")){
                        news.setTitle(item.getString("UTF-8"));//获得该字段值 
                    }else if(fieldName.equals("categoryId")){
                        news.setCategoryId(Integer.parseInt(item.getString()));
                    }else if(fieldName.equals("summary")){
                        news.setSummary(item.getString("UTF-8"));
                    }else if(fieldName.equals("newscontent")){
                        news.setContent(item.getString("UTF-8"));
                    }else if(fieldName.equals("author")){
                        news.setAuthor(item.getString("UTF-8"));
                    }
                }else{// 如果为文件域
                    String fileName = item.getName();// 获得文件名(全路径)
                    if(fileName != null && !fileName.equals("")){
                        File fullFile = new File(fileName);
                        File saveFile = new File(uploadFilePath,fullFile.getName());//将文件保存到指定的路径
                        item.write(saveFile);
                        uploadFileName = fullFile.getName();
                        news.setPicPath(uploadFileName);
                        bUpload = true;
                    
                    }
                
                }
            }
        }catch(Exception e){
            e.printStackTrace();
        }
        
    }   
    System.out.println("上传成功之后的文件名:" + news.getPicPath());
    //调用后台的方法,将新闻信息插入数据库中
    bRet = newsService.addNews(news);
    if(bRet)
        response.sendRedirect("newsDetailList.jsp");
    else
        response.sendRedirect("newsDetailCreateSimple.jsp");

你可能感兴趣的:(七、关于form表单的enctype和post、get)