上傳含有文件的form表單（使用formdata）

HTML (使用了bootstrap3樣式)

                            <form class="form-horizontal" role="form" id="siteForm">
                                <div class="form-group">
                                    <label for="siteTitle" class="col-sm-2 control-label">景點名稱</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="siteTitle" name="siteTitle">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="siteProvince" class="col-sm-2 control-label">景點所在省份</label>
                                    <div class="col-sm-5">
                                        <select class="form-control" id="siteProvince" name="province" onchange="doProvAndCityRelation(this)">
                                            <option value='-1'>請選擇省份</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="siteCity" class="col-sm-2 control-label">景點所在城市</label>
                                    <div class="col-sm-5">
                                        <select class="form-control" id="siteCity" name="city">
                                            <option value='-1'>請選擇城市</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="picturePath" class="col-sm-2 control-label">景點圖片</label>
                                    <div class="col-sm-5">
                                        <input type="file" class="form-control" id="picturePath" name="file">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="siteDescription" class="col-sm-2 control-label">景點描述</label>
                                    <div class="col-sm-5">
                                        <textarea rows="3" class="form-control" id="siteDescription" name="description"></textarea>
                                    </div>
                                </div>
                                <input type="hidden" class="form-control" name="country" value="CN">
                            </form>

JS

$("#siteSubmit").click(function () {
   let siteTitle = $.trim($("#siteTitle").val());
   if(siteTitle === ""){
       bootbox.alert("景點標題不能為空");
       return;
   }
   let siteProvince = $.trim($("#siteProvince").val());
    if(siteProvince === "-1"){
        bootbox.alert("請選擇景點所屬省份");
        return;
    }
    let siteCity = $.trim($("#siteCity").val());
    if(siteCity === "-1"){
        bootbox.alert("請選擇景點所屬城市");
        return;
    }
   let url = basePath+"/site/add.action";
   let data = new FormData(document.getElementById("siteForm"));
   data.append("file",$('#picturePath').get(0).files[0]);
   if(data.get("file").name===""){　　　　// 校驗file文件是否存在
       bootbox.alert("請選擇景點圖片");
       return;
   }
    $.ajax({
        url : url,
        type : "post",
        data : data,
        dataType : "json",
        contentType : false,
        processData : false,
        success : function(result) {
            if(result.success===200){
                bootbox.alert("上傳成功");
                $("#siteForm")[0].reset();
            }
            closeLoading();
        },
        error : function () {
            closeLoading();
        }
    });
});

Java(springmvc)

@RestController
@RequestMapping("/site")
public class SiteController {

    @Autowired
    private SiteMapper siteMapper;

    @RequestMapping(value="/add", method = RequestMethod.POST)
    public JSONObject add(HttpSession session,
                          @RequestParam(value = "file") MultipartFile file,
                          Site site){
　　　　　　// 你的業務邏輯
    }
}