1.檔案（圖片/文件）上傳就spring自帶上傳工具而言，只能用表單提交submit方式進行，不能使用ajax非同步提交表單，因為非同步提交之後input標籤的內容就被springMVC解析成了字串，無法獲取檔名稱和地址。頁面如下：

<form name="fileForm" id="fileForm" action="/manage/img/upload" method="post"  enctype="multipart/form-data">
    <table>
        <tr>
            <td align="right">
 

                <label style="font-size: 15px;">新增圖片：</label>
            </td>
            <td>
                <input type="file" name="file">
                <button type="button" onclick="uploadFormSubmit();">上傳</button>
            </td>
        </
 
tr>
    </table>
</form>

function uploadFormSubmit(){    

var fo = document.getElementsByName("fileForm");
$(fo).submit();

type="file" name="file"  因為後臺會有一個專門的file檔案類去接收上傳的檔案，框架封裝）：

@RequestMapping(value = "/manage/img/upload",method = RequestMethod.POST
 
)
public Object imgUpload(@RequestParam("file") CommonsMultipartFile file){

    logger.info("=====上傳圖片=====圖片:"+file);
    String path="D:/"+file.getOriginalFilename();
    File newFile=new File(path);
    //通過CommonsMultipartFile的方法直接寫檔案（注意這個時候）
try{
        file.transferTo(newFile);
    }catch (Exception e){
    }
    return path;
}

1）引入js檔案 jQuery-form.js檔案（官網可以下載，或者加入下面的群群檔案有）；

2）頁面js程式碼改造：

function uploadFormSubmit(){
    /*var fo = document.getElementsByName("fileForm");
    $(fo).submit();*/
$("#fileForm").ajaxSubmit({
        url: "/manage/img/upload",
        type: "post",
        success: function (data) {
            var img_url = data.body;
        }
    });
}

有什麼問題歡迎入群研討