国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > AJAX > 正文

基于Spring Boot利用 ajax實現(xiàn)上傳圖片功能

2024-09-01 08:31:18
字體:
供稿:網(wǎng)友

效果如下:

1.啟動類中加入

SpringBoot重寫addResourceHandlers映射文件路徑

@Override public void addResourceHandlers(ResourceHandlerRegistry registry) {   registry.addResourceHandler("/imctemp-rainy/**").addResourceLocations("file:D:/E/"); }

設(shè)置靜態(tài)資源路徑

2.   表單 前端 頁面

<input type="file" name="file" id="file"><p id="url"><img src="" width=200></p><input type="button" id="button" value="上傳" >$(function () {    $("#button").click(function () {      var form = new FormData();      form.append("file", document.getElementById("file").files[0]);       $.ajax({         url: "/stu/upload",    //后臺url         data: form,         cache: false,         async: false,         type: "POST",          //類型,POST或者GET         dataType: 'json',       //數(shù)據(jù)返回類型,可以是xml、json等         processData: false,         contentType: false,         success: function (data) {   //成功,回調(diào)函數(shù)           if (data) {           var pic="/imctemp-rainy/"+data.fileName;           $("#url img").attr("src",pic);           // alert(JSON.stringify(data));           } else {           alert("失敗");           }         },         error: function (er) {     //失敗,回調(diào)函數(shù)         alert(JSON.stringify(data));         }       });    })  })

控制器

public static void uploadFile(byte[] file, String filePath, String fileName) throws Exception {     File targetFile = new File(filePath);  if (!targetFile.exists()) {   targetFile.mkdirs();   }     FileOutputStream out = new FileOutputStream(filePath +"/"+ fileName); out.write(file);    out.flush();   out.close();  } //處理文件上傳  @ResponseBody //返回json數(shù)據(jù)   @RequestMapping(value = "upload", method = RequestMethod.POST)   public JSONObject uploadImg(@RequestParam("file") MultipartFile file,HttpServletRequest request) {        String contentType = file.getContentType();     System.out.print(contentType);  String fileName = System.currentTimeMillis()+file.getOriginalFilename();    String filePath = "D:/E";   JSONObject jo = new JSONObject();//實例化json數(shù)據(jù)   if (file.isEmpty()) {     jo.put("success", 0);   jo.put("fileName", "");  }      try {     uploadFile(file.getBytes(), filePath, fileName);     jo.put("success", 1);    jo.put("fileName", fileName);   // jo.put("xfileName", filePath+"/"+fileName);  } catch (Exception e) {   // TODO: handle exception        }     //返回json    return jo;    }  

總結(jié)

以上所述是小編給大家介紹的基于Spring Boot利用 ajax實現(xiàn)上傳圖片功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網(wǎng)網(wǎng)站的支持!
如果你覺得本文對你有幫助,歡迎轉(zhuǎn)載,煩請注明出處,謝謝!

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 德令哈市| 磐安县| 新田县| 云南省| 邳州市| 南城县| 翁源县| 定远县| 天全县| 英山县| 中卫市| 保亭| 阿荣旗| 商丘市| 泰和县| 六安市| 卢氏县| 云和县| 清徐县| 南投县| 仁寿县| 定远县| 揭西县| 包头市| 鄯善县| 西青区| 石首市| 静宁县| 黄浦区| 中山市| 福建省| 曲周县| 喀喇| 岑溪市| 北碚区| 闽清县| 子洲县| 赤水市| 望都县| 元江| 望都县|