form表单上传文件返回数据

最新推荐文章于 2024-06-18 10:40:44 发布

原创最新推荐文章于 2024-06-18 10:40:44 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

javaScript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个使用JSP实现的文件上传功能，并通过AJAX进行表单提交的具体实例。该示例展示了如何在前端隐藏表单中设置文件输入字段，并通过触发点击事件来选择文件。此外还提供了后端Java代码片段，用于处理文件上传请求及响应。

废话不说，直接上代码

jsp：

//显示上传弹框

$("#file").trigger("click");

//form表单提交

function getImport() {
        var form = $("#form表单id");
        var options = {
            url:"提交地址",
            type:'post',
            success:function(data){
                var jsondata = eval("("+data+")");
                if(jsondata.error == "0"){        //error为自己定义的属性名（java后台）

                }else{

                }
//最后要清空表单，不然再次选择文件会出现延迟现象只能重新刷新页面后上传才会出现

                $("#groupId").val("");/
               $("#groupName").val("");
               $("#groupType").val("");
               $("#file").val("");
            }
        };
        form.ajaxSubmit(options);
    }

java :

//定义返回对象

Map<String, String> obj = new HashMap<>();

//自定义属性名称与值

obj.put("error", "0");
obj.put("message", "上传文件已损坏。");

PrintWriter out = null;
       try {
           out = response.getWriter();
       } catch (IOException e2) {
           // TODO Auto-generated catch block
           e2.printStackTrace();
       }

//将返回对象封装为json数据

out.println(封装后的json数据);