关于上传文件时,后台用request.getParameter()获取不到表单里的其它参数值的问题

现在我们做项目,像文件上传,表单提交,后台框架可以用ssm,前台框架可以用easyui等,参数接收传递利用框架都是非常容易的,一般不会出现这种问题,今天主要描述的是上传文件时,java后台利用request.getParameter()接收前台参数时,接收不到的问题。这个方法现在用的不多了,比较老。

情况是这样的,这几天做文件上传存到mongodb库里,但是发现上传文件的时候,上传文件可以成功。但是用request.getParameter()无法获取表单其他参数,很是懵。最后总结如下,一般表单提交有两种方式,get和post方式,在form中method属性里填写post或者get。默认是get方式。

表单提交中get和post方式的区别有5点 :
1.get是从服务器上获取数据,post是向服务器传送数据。
2.get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到。post是通过HTTPpost机制,将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。
3.对于get方式,服务器端用Request.QueryString获取变量的值,对于post方式,服务器端用Request.Form获取提交的数据。
4.get传送的数据量较小,不能大于2KB。post传送的数据量较大,一般被默认为不受限制。但理论上,IIS4中最大量为80KB,IIS5中为100KB。
5.get相对安全性非常低,post相对安全性较高。

 

在form中的enctype的属性一般有以下三种:

一、application/x-www-form-urlencoded:

1、表单中的enctype值如果不设置,则默认是application/x-www-form-urlencoded,它会将表单中的数据变为键值对

的形式

2、如果action为get,则将表单数据编码为(name1=value1&name2=value2…),然后把这个字符串加到url后面,中间

用?分隔

3、如果action为post,浏览器把form数据封装到http body中,然后发送到服务器。

二、text/plain:

表单以纯文本形式进行编码

三、multipart/form-data:

1、当我们上传的含有非文本内容,即含有文件(txt、MP3等)的时候,需要将form的enctype设置为multipart/form-

data。
2、将表单中的数据变成二进制数据进行上传,所以这时候这时如果用request是无法直接获取到相应表单的值的。

 

也就是说,我们上传文件的时候,需要将enctype的属性设置为multipart/form-data,而且method传输方式必须为post方式。而这样做,后台request.getParameter()是获取不到参数的,这不是错,这是正常的。确实是没有办法获取的,而我们又确实非常急切的想要前台的参数值,我们可以改变一下思路来获取。首先,在form表单中设置一个onsubmit提交事件,onsubmit 事件会在表单中的确认按钮被点击时发生。

onsubmit="return validForm(this)"

 

然后,在表单中设置一个隐藏的input框。

前台代码:

<form id="fileUpload" name="upload" action="http://127.0.0.1:8088/idif/upload.do" method="post" enctype="multipart/form-data" onsubmit="return validForm(this)">
<button type="button" class="upload btn btn-primary btn-large" style="width:100px;height:35px;">选择文件<div style="margin-top:-30px;margin-left:-200px;opacity:0"><input type="file" name="upload"></div></button
<input name="ssmid" id="ssmid" type="hidden"> 
<div style="margin-top: 10px;"><button type="submit" class="btn btn-primary btn-large" >提交</button></div>
</form>
<!--隐藏框可以放到form表单外面-->
<input id="sbtzcollect" type="hidden" > 
</input>

 

接着,我们在JS中的validFom事件中编写,获取一下要传递的参数值。将值追加到form表单的action属性里。也就是说,我们首先将我们的参数值存到页面隐藏的input框,然后提交的时候触发form的onsubmit方法,将值接着传到form表单里的action属性里面。让form访问后台的时候,带着参数值到后台。

这样,我们在后台用request.getParameter()就可以获取到了。顺便说一句,这样方式传输参数的话,input框不用必须放到form表单里,可以放到页面随意位置,因为它的作用只是获取值,将值传给action属性,而不是随着form的提交,在后台获取这个隐藏的input框的值。如果传递一个参数,只需要?+参数名即可,如果多个参数,后面用&拼接起来即可。

 

JS代码:

    //文件上传的时候传递参数
    function validForm(fm){  
         debugger;
         var sbtzname =$("#sbtzcollect").val();
       fm.action = fm.action + "?ssmid="+$("#ssmid").val()+"&sbtzname="+sbtzname;  
       return true;  
    } 
    

这是一个验证表单的功能。

当validForm()这个函数返回值是true的时候,表单提交,反之则不提交。
而this是一个参数,代表的当前表单对象~~~~。
函数有两种定义方式function 和sub。function声明的函数有返回值,用return语句返回这个值;而sub声明的函数没有返回值。

 

后台代码:

    @RequestMapping(value = "upload", method = RequestMethod.POST)
    private void upload(HttpServletRequest request, HttpServletResponse response) throws IOException, ServletException {
        // 前台获取的设备台账名
        String sbtzname = request.getParameter("sbtzname");
        // 从前台值获取ssmid值
        String ssmid = request.getParameter("ssmid");
        // mongodb数据库名
        String mongodbname = "filecollection";
        // 查询collection表里有无ssmid关联的数据
        ApplicationContext ctx = new ClassPathXmlApplicationContext("applicationContext.xml");
        carDataService = (CarDataService) ctx.getBean("carDataService");
        // 数据库为filecollection,collection名为设备台账名
        DBCollectionInfo mapdbCollection = new DBCollectionInfo(mongodbname, sbtzname);
        Map<String, Object> whereClause = new HashMap<String, Object>();
        // 将前台获取的ssmid值放进去
        whereClause.put("smid", ssmid);
        List<Map<String, Object>> lstResult = carDataService.getlistdata(mapdbCollection);
        // 查询到的所有collection档案表
        lstResult = carDataService.getlistdata(mapdbCollection, whereClause);// 所有collection档案表

        // 进行判断,如果库里有ssmid关联的数据,进一步进行判断
        if (lstResult.size() != 0) {
            // 拿到已有ssmid数据值得档案名字
            String collectionname = (String) lstResult.get(0).get("filename");
            // 想办法拿到上传文件的新名字
            // 存储文件
            String fileName = "";
            Mongo mongo = new Mongo();
            DB db = mongo.getDB(mongodbname);
            GridFS gridFS = new GridFS(db, sbtzname);
            GridFSFile file = null;
            FileRenamePolicy rfrp = new DefaultFileRenamePolicy();
            MultipartParser mp = new MultipartParser(request, 1024 * 1024 * 1024, true, true, "utf-8");// “GB18030”必须和jsp编码格式相同,不然会产生中文乱码
            FilePart filePart = null;
            Part part = null;
            int pot = 0;
            while ((part = mp.readNextPart()) != null) {
                if (part.isFile()) {// it's a file part
                    filePart = (FilePart) part;
                    filePart.setRenamePolicy(rfrp);
                    // 获取上传文件名
                    fileName = filePart.getFileName();
                    InputStream in = filePart.getInputStream();
                    pot = fileName.lastIndexOf(".");
                    file = gridFS.createFile(in);// 创建gridfs文件
                    file.put("filename", fileName);
                    file.put("userId", 1);
                    file.put("uploadDate", new Date());
                    file.put("contentType", fileName.substring(pot));

                    file.save();
                }
            }
            // 获得新组合名字
            String appendname = collectionname + fileName;
            // 将collection中原先此ssmid数据删除
            carDataService = (CarDataService) ctx.getBean("carDataService");
            DBCollectionInfo collection0 = new DBCollectionInfo(mongodbname, sbtzname);
            Map<String, Object> mapData0 = new HashMap<String, Object>();
            mapData0.put("smid", ssmid);
            // 删除已有sid主键的记录
            carDataService.deletedata(collection0, mapData0);
            // 将新组合名字,添加到collection档案表
            Map<String, Object> mapData1 = new HashMap<String, Object>();
            mapData1.put("smid", ssmid);
            mapData1.put("filename", appendname);
            carDataService.savecardata(collection0, mapData1);

            request.setAttribute("uploadResult", "上传成功!");
        }

        // 如果库里无此ssmid关联的数据,直接执行存储的代码
        try {
            // 存储文件
            String fileName = "";
            Mongo mongo = new Mongo();
            DB db = mongo.getDB(mongodbname);
            GridFS gridFS = new GridFS(db, sbtzname);
            GridFSFile file = null;
            FileRenamePolicy rfrp = new DefaultFileRenamePolicy();
            MultipartParser mp = new MultipartParser(request, 1024 * 1024 * 1024, true, true, "utf-8");// “GB18030”必须和jsp编码格式相同,不然会产生中文乱码
            FilePart filePart = null;
            Part part = null;
            int pot = 0;
            while ((part = mp.readNextPart()) != null) {
                if (part.isFile()) {// it's a file part
                    filePart = (FilePart) part;
                    filePart.setRenamePolicy(rfrp);
                    // 获取上传文件名
                    fileName = filePart.getFileName();
                    InputStream in = filePart.getInputStream();
                    pot = fileName.lastIndexOf(".");
                    file = gridFS.createFile(in);// 创建gridfs文件
                    file.put("filename", fileName);
                    file.put("userId", 1);
                    file.put("uploadDate", new Date());
                    file.put("contentType", fileName.substring(pot));
                    file.save();
                }
            }

            // 存储collection档案表
            carDataService = (CarDataService) ctx.getBean("carDataService");
            DBCollectionInfo collection1 = new DBCollectionInfo(mongodbname, sbtzname);
            Map<String, Object> mapData1 = new HashMap<String, Object>();
            mapData1.put("smid", ssmid);
            mapData1.put("filename", fileName);
            carDataService.savecardata(collection1, mapData1);
            request.setAttribute("uploadResult", "上传成功!");

        } catch (Exception e) {
            e.printStackTrace();
            request.setAttribute("uploadResult", "上传失败!");
        }

        request.setAttribute("uploadResult", "上传成功!");
        // 返回界面
        request.getRequestDispatcher("/uploadResult.jsp").forward(request, response);

    }

 

posted @ 2020-03-17 10:53  万里哥  阅读(6203)  评论(0编辑  收藏  举报