国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板: 德化县| 罗平县| 马边| 乾安县| 孝感市| 大同县| 五台县| 宜川县| 永靖县| 永新县| 广东省| 台中市| 永昌县| 嘉定区| 禹城市| 郓城县| 手游| 迁西县| 福清市| 望奎县| 邯郸市| 凤城市| 林芝县| 额济纳旗| 神木县| 桐庐县| 安岳县| 长治市| 望城县| 凤冈县| 贺兰县| 通道| 博乐市| 葫芦岛市| 丰城市| 分宜县| 和平县| 丰顺县| 德惠市| 鄂托克旗| 自贡市|