日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > javascript >内容正文

javascript

java多图片上传json_SpringMVC框架五:图片上传与JSON交互

發布時間:2025/3/21 javascript 51 豆豆
生活随笔 收集整理的這篇文章主要介紹了 java多图片上传json_SpringMVC框架五:图片上传与JSON交互 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

在正式圖片上傳之前,先處理一個細節問題:

每一次發布項目,Tomcat都會重新解壓war包,之前上傳過的圖片會丟失

為了解決這個問題:可以不在Tomcat下保存圖片,而是另找一個目錄。

上傳圖片:

在上傳圖片之前,需要在springMVC.xml中配置:

class="org.springframework.web.multipart.commons.CommonsMultipartResolver">

注意:這個id不能改成其他的,否則無效

除了上傳文件大小以外,還有其他幾個參數,這里就不一一展示了

保存圖片到F:/upload:

@RequestMapping(value = "/upload")

public ModelAndView upload(MultipartFile pictureFile) {

// 保存圖片

// 防止重復,給圖片id設為UUID

String id = UUID.randomUUID().toString().replace("-", "");

String exName = FilenameUtils.getExtension(pictureFile.getOriginalFilename());

String name = id+"."+exName;

try {

pictureFile.transferTo(new File("F:\\upload\\" + name));

} catch (Exception e) {

e.printStackTrace();

}

//保存ID到數據庫

//userService.savePicture(id);

ModelAndView mav = new ModelAndView();

mav.setViewName("success");

return mav;

}

為了方便獲得文件擴展名,這里用了其他的包,如果自己寫稍顯麻煩:

JSON交互:

首先要導入JSON需要的包:

前端AJAX:

$(function(){

var params = '{"id": 1,"name": "測試商品","price": 99.9,"detail": "測試商品描述","pic": "123456.jpg"}';

$.ajax({

url : "${pageContext.request.contextPath }/json.action",

data : params,

contentType : "application/json;charset=UTF-8",

type : "post",

dataType : "json",

success : function(data){

alert(data.name);

}

});

});

Controller:

//json交互

@RequestMapping(value = "/json.action")

public @ResponseBody

Items json(@RequestBody Items items) {

//RequestBody注解,可以將json字符串解析到Items對象中

//注意:Items的屬性名必須和json的Key一致

System.out.println(items);

Items responseItem = new Items();

items.setName("success");

//ReponseBody注解:自動將對象封裝成JSON字符串返回

return responseItem;

}

希望與廣大網友互動??

點此進行留言吧!

總結

以上是生活随笔為你收集整理的java多图片上传json_SpringMVC框架五:图片上传与JSON交互的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。