17、【 商品管理模块开发】——后台商品图片的springmvc和富文本上传以及ftp文件服务器的开发...
生活随笔
收集整理的這篇文章主要介紹了
17、【 商品管理模块开发】——后台商品图片的springmvc和富文本上传以及ftp文件服务器的开发...
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
1、FTP文件服務(wù)器的搭建：
軟件下載：ftpserver；
瀏覽器訪問：ftp://127.0.0.1/ image.png
點(diǎn)擊任意一個(gè)文件，就可以看到我們圖片啦，前提是前面指定的目錄里面有圖片文件~
image.png
2、接口編寫：
1、springmvc方法上傳文件：
在ProductManageController:中編寫下面方法：
*Controller:
這行代碼需要注意的是@RequestParam(value = "upload_file",required = false) MultipartFile file參數(shù)的傳入，對(duì)應(yīng)的是相關(guān)文件類屬性。
public ServerResponse upload(HttpSession session, @RequestParam(value = "upload_file",required = false) MultipartFile file, HttpServletRequest request)*Service:
//文件上傳方法實(shí)現(xiàn)String upload(MultipartFile file, String path);*ServiceImpl:
//文件上傳方法實(shí)現(xiàn)public String upload(MultipartFile file,String path){String fileName=file.getOriginalFilename();//擴(kuò)展名//abc.jpg 我們要拿到j(luò)pgString fileExtensionName=fileName.substring(fileName.lastIndexOf(".")+1);//防止文件被覆蓋，我們使用UUID生產(chǎn)的字符串作為文件名，這樣用戶上傳同名的文件就不會(huì)被覆蓋了String uploadFileName= UUID.randomUUID().toString()+"."+fileExtensionName;logger.info("開始上傳文件...上傳文件的文件名：{},上傳的路徑：{},新文件名：{}",fileName,path,uploadFileName);//創(chuàng)建文件夾File fileDir=new File(path);if(!fileDir.exists()){fileDir.setWritable(true);fileDir.mkdirs();}//上傳文件File targetFile=new File(path,uploadFileName);try {file.transferTo(targetFile);//文件上傳成功//將targetFile上傳到我們的文件服務(wù)器FTPUtil.uploadFile(Lists.newArrayList(targetFile));//文件已經(jīng)上傳到FTP服務(wù)器上//上傳文件到文件服務(wù)器之后，刪除我們Tomcat里面的文件，防止存儲(chǔ)文件過多targetFile.delete();} catch (IOException e) {logger.error("上傳文件異常",e);return null;}return targetFile.getName();}由于是直接講文件上傳到文件服務(wù)器，所以不涉及到數(shù)據(jù)庫的操作~
2、富文本上傳：
富文本我們選擇的是simditor
相關(guān)文檔位置：
https://simditor.tower.im/docs/doc-config.html#anchor-defaultImage image.png //富文本上傳接口@RequestMapping("richtext_img_upload.do")@ResponseBodypublic Map richtextImgUpload(HttpSession session, @RequestParam(value = "upload_file",required = false) MultipartFile file, HttpServletRequest request, HttpServletResponse response){Map resultMap=Maps.newHashMap();User user=(User) session.getAttribute(Const.CURRENT_USER);if(user==null){resultMap.put("success",false);resultMap.put("msg","未登錄，請先登錄");return resultMap;}//富文本中對(duì)于返回值有自己的要求，我們使用是simditor 所以要按照simditor的要求進(jìn)行返回if(iUserService.checkAdminRole(user).isSuccess()){String path=request.getSession().getServletContext().getRealPath("upload");String targetFileName=iFileService.upload(file,path);if(StringUtils.isBlank( targetFileName)){resultMap.put("success",false);resultMap.put("msg","上傳失敗");return resultMap;}String url= PropertiesUtil.getProperty("ftp.server.http.prefix")+targetFileName;resultMap.put("success",true);resultMap.put("msg","上傳成功");resultMap.put("ile_path",url);response.addHeader("Access-Control-Allow-Headers","X-File-Name");return resultMap;}else {resultMap.put("success",false);resultMap.put("msg","當(dāng)前登錄者不是管理員，無權(quán)限操作");return resultMap;}}
至于上傳的upload方法我們還是使用springmvc中使用的方法~
3、測試接口：
接下來就是編寫一個(gè)頁面測試這兩個(gè)方法啦
在index.jsp頁面中編寫下面代碼：
1、springmvc測試：
1
image.png
2
3
image.png
2、符文本測試：
1
image.png
2
3
image.png
總結(jié)
以上是生活随笔為你收集整理的17、【 商品管理模块开发】——后台商品图片的springmvc和富文本上传以及ftp文件服务器的开发...的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： [react-router] React
- 下一篇： [react] createElemen