springmvc+ajax+formdata上傳圖片代碼實(shí)例
最近工作涉及到了上傳圖片的情況,在網(wǎng)上看了很多,就著重學(xué)習(xí)了下。上傳文件的方式有多種,這里對(duì)使用FormData的方式進(jìn)行說(shuō)明。
1、springmvc項(xiàng)目想要上傳文件,需要使用multipart方式,所以在spring-mvc.xml配置文件中需要增加multipart相關(guān)配置,代碼如下
<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> <!-- one of the properties available; the maximum file size in bytes --> <property name="maxUploadSize" value="50000000"/> </bean>
2、jsp代碼
<form action="picUpload" method="post" enctype="multipart/form-data" id="fileForm"> <input type="file" id="pic" name="pic" multiple><br><br> <input type="text" id="id" name="id"><br><br> <input type="text" id="name" name="name"><br><br> <input type="button" value="上傳" onclick="morePicUpload()"> </form>
需要注意的是,form 的 enctype 值必須為 multipart/form-data,這樣才能在提交表單的時(shí)候傳遞文件數(shù)據(jù)。
如果要一次選擇多個(gè)文件,可以在file表單添加"multiple",這樣在選擇文件時(shí)可以一次選擇多個(gè)文件。
3、js代碼
function morePicUpload(){ var formData = new FormData(document.getElementById("fileForm")); alert(0); $.ajax({ url : basePath+"morePicUpload", type : "post", data :formData, async : false, cache : false, dataType : "json", contentType : false, processData : false, success : function(data){ //code } }); }
先創(chuàng)建formData,用來(lái)存放表單中的內(nèi)容,"fileForm"為jsp頁(yè)面中form的id。
4、最后的是controller,代碼如下
@RequestMapping("/morePicUpload") @ResponseBody public ResultTo morePicUpload(HttpServletRequest request){ ResultTo resultTo = new ResultTo(); resultTo.setData(""); MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request; String id = multipartRequest.getParameter("id"); String name = multipartRequest.getParameter("name"); System.out.println(id); System.out.println(name); List<MultipartFile> filelist = multipartRequest.getFiles("pic"); for(MultipartFile file:filelist){ if(!file.isEmpty()){ System.out.println(file.getOriginalFilename()); } } return resultTo; }
使用"MultipartHttpServletRequest"可以獲取form表單中的所有空間內(nèi)容,文件可以通過(guò)"List<MultipartFile> filelist = multipartRequest.getFiles("pic");"方式獲取,然后進(jìn)行文件的上傳等操作就行了。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- 利用 FormData 對(duì)象和 Spring MVC 配合實(shí)現(xiàn)Ajax文件下載功能
- SpringMVC中使用bean來(lái)接收f(shuō)orm表單提交的參數(shù)時(shí)的注意點(diǎn)
- springmvc利用jquery.form插件異步上傳文件示例
- SpringMVC處理Form表單實(shí)例
- springMVC結(jié)合AjaxForm上傳文件
- jquery.form.js框架實(shí)現(xiàn)文件上傳功能案例解析(springmvc)
- 使用jQuery.form.js/springmvc框架實(shí)現(xiàn)文件上傳功能
- SpringMVC form標(biāo)簽引入及使用方法
相關(guān)文章
Java?Mybatis使用resultMap時(shí),屬性賦值順序錯(cuò)誤的巨坑
這篇文章主要介紹了Java?Mybatis使用resultMap時(shí),屬性賦值順序錯(cuò)誤的巨坑,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-01-01Windows下Java+MyBatis框架+MySQL的開(kāi)發(fā)環(huán)境搭建教程
這篇文章主要介紹了Windows下Java+MyBatis框架+MySQL的開(kāi)發(fā)環(huán)境搭建教程,Mybatis對(duì)普通SQL語(yǔ)句的支持非常好,需要的朋友可以參考下2016-04-04如何解決java獲取時(shí)間相差8小時(shí)的問(wèn)題
最近使用new date()獲取的時(shí)間會(huì)和真實(shí)的本地時(shí)間相差8小時(shí)。本文就詳細(xì)的來(lái)介紹一下解決java獲取時(shí)間相差8小時(shí)的問(wèn)題,感興趣的可以了解一下2021-09-09java實(shí)現(xiàn)的小時(shí)鐘示例分享
這篇文章主要介紹了java實(shí)現(xiàn)的小時(shí)鐘示例,需要的朋友可以參考下2014-02-02如何基于LoadingCache實(shí)現(xiàn)Java本地緩存
這篇文章主要介紹了如何基于LoadingCache實(shí)現(xiàn)Java本地緩存,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-12-12利用java監(jiān)聽(tīng)器實(shí)現(xiàn)在線人數(shù)統(tǒng)計(jì)
過(guò)去使用ASP和ASP.NET兩種編程的時(shí)候,都寫(xiě)過(guò)在線人數(shù)統(tǒng)計(jì)能,實(shí)現(xiàn)功能挺簡(jiǎn)單的!今天使用java來(lái)實(shí)現(xiàn)在線人數(shù)統(tǒng)計(jì)有點(diǎn)另類(lèi),是通過(guò)Java監(jiān)聽(tīng)器實(shí)現(xiàn)的,需要的朋友可以參考下2015-09-09解決Maven靜態(tài)資源過(guò)濾問(wèn)題
在我們使用Maven構(gòu)建項(xiàng)目的時(shí)候,會(huì)默認(rèn)過(guò)濾掉靜態(tài)資源,所以,需要手動(dòng)來(lái)配置,本文就介紹一下Maven靜態(tài)資源過(guò)濾的問(wèn)題解決,感興趣的可以了解一下2021-06-06Spring中@PostConstruct的實(shí)現(xiàn)方法
大多數(shù)java程序員都使用過(guò)@PostConstruct注解,它的作用就是在Bean初始化完成后執(zhí)行,相當(dāng)于我們常說(shuō)的init()方法,但是我們看@PostConstruct只有單單的一個(gè)注解,它到底是如何實(shí)現(xiàn)在Bean初始化完成后就被調(diào)用的呢,本文將詳細(xì)給大家介紹一下2023-06-06