1. 程式人生 > >ajax上傳檔案到後端

ajax上傳檔案到後端

JSP程式碼:

<input type="file" style="display: none" id="file" name="file" onchange="upload(this);">

JS程式碼:

window.upload = function(el){
    	$mask = $.createMask();  //遮罩
    	$.ajaxFileUpload({
            url: $.getProjectName() + "/base/uploadFile.html",
            type:'post',
            secureuri:false,
            fileElementId:'file',//file標籤的id
            dataType: 'JSON',//返回資料的型別
            data:{"key":value},//一同上傳的資料
            success: function (data, status) {
            	
            },
            error: function (data) {
            	
            }
    	});
    	$('#file').val('');
    }

spring檔案配置:

<!-- 支援上傳檔案 -->
	<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver" />

Controller:

RequestMapping(value = "/uploadFile", method = RequestMethod.POST)
    @ResponseBody
    public Object uploadElePaperFile(
            @RequestParam MultipartFile file,
            HttpServletRequest request,HttpServletResponse response) throws Exception {}

這裡要注意的是jsp頁面input標籤的name要和Controller中MultipartFile 名稱都要一樣,這裡都是命名為file

獲取到上傳的檔案就可以操作啦