美文网首页
七、关于form表单的enctype和post、get

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

作者: lifeline张 | 来源:发表于2018-07-26 10:13 被阅读0次

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


    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<FileItem> items = upload.parseRequest(request);
                Iterator<FileItem> 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

          本文链接:https://www.haomeiwen.com/subject/misvmftx.html