首页 > Web开发 > 详细

Ajax传Form表单,包括上传文件

时间:2015-11-10 19:42:17      阅读:300      评论:0      收藏:0      [点我收藏+]

被这个问题困扰了好久。。。真是醉了

借用了jquery 的插件,jquery-form.js,链接:http://jquery.malsup.com/form/#download

js代码(options包含很多参数,可以进行设置)

<script type="text/javascript">
    function save(){
        var options = {
            success:function(data){
                if(data.success==true) {
                    alert("保存成功");
                }
            }
        }
        // 当没有选择上传文件,如果还想正确提交时必须做以下处理
        if($("#pdfInput").val()==""){
                $("#pdfInput").remove();
                $("#uploadForm").attr("enctype", "application/x-www-form-urlencoded");
                //或者不用remove()就设为disabled也可以
                //$("#pdfInput").attr("disabled", "disabled");
        }
        
        $(‘#uploadForm‘).ajaxSubmit(options);
    }
</script>

Form表单

<form action="${ctx}/StdManage/standardsUpdate" id="uploadForm" method="post" enctype="multipart/form-data">
    <input type="text" name="id">
    <input type="file" name="stdFile" id="pdfInput">
</form>

<button type="button" onclick="save()">save</button>

Controller

@Controller("/StdManage")
public class StdManageController{

    @RequestMapping("standardsUpdate")
    public void standardsUpdate(StandardWithBlobs standardWithBlobs) {
        System.out.println("id:" + standardWithBlobs.getId());
    }
}

StandardWithBlobs

package whu.edu.irlab.model;

import org.springframework.web.multipart.MultipartFile;

public class StandardWithBLOBs extends Standard{

    private String entities;

    private String possibleEntities;

    private MultipartFile stdFile;

    getter and setter ... 
}


Ajax传Form表单,包括上传文件

原文:http://my.oschina.net/u/1020238/blog/528607

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!