ajax非同步上傳圖片&SpringMVC後台代碼

來源:互聯網
上載者:User

標籤:com   json   mit   get   .com   ann   class   上傳圖片   random   

function uploadPic(){var options = {url : "/upload/updatePic.action",type : "post",dataType : "json",success : function(data){$("#allUrl").attr("src", data.url);$("#imgUrl").val(data.url);}};$("#jvForm").ajaxSubmit(options);}

  

package top.dgoyou.core.controller;import java.io.File;import java.util.UUID;import javax.servlet.http.HttpServletResponse;import org.apache.commons.io.FilenameUtils;import org.json.JSONObject;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.web.multipart.MultipartFile;@Controller@RequestMapping("/upload")public class UploadController {        //非同步上傳圖片    @RequestMapping("/updatePic")    public void updatePic(MultipartFile pic,HttpServletResponse response) throws Exception{        //擷取檔案原始名        String filename = pic.getOriginalFilename();        //使用隨機字串+ 源圖片副檔名組成新的圖片名稱, 防止圖片重名        String newFileName=UUID.randomUUID().toString().replaceAll("-","")+"."+FilenameUtils.getExtension(filename);        //將檔案儲存到圖片伺服器("E:\testpic"存放圖片虛擬路徑 後期可換成FastDFS||雲端)        pic.transferTo(new File("E:\testpic"));        //JSONObject是簡單的轉json工具類 , 但是只可以轉string, double,integer,long等簡單類型, 不可以轉pojo, list, set, map等        JSONObject jsonObject = new JSONObject();        jsonObject.put("url","/pic/"+ newFileName);        response.setContentType("application/json;charset=utf-8");
     //響應到前台頁面 response.getWriter().write(jsonObject.toString()); }}

 

ajax非同步上傳圖片&SpringMVC後台代碼

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.