0. 基本步驟框架搭建

實(shí)現(xiàn)帶圖片上傳的注冊(cè)功能

實(shí)現(xiàn)下載功能

1. 框架搭建

Step1 創(chuàng)建開(kāi)發(fā)項(xiàng)目

創(chuàng)建基礎(chǔ)MVC包結(jié)構(gòu)：controller、service、mapper、pojo

Step2 導(dǎo)入jar包

導(dǎo)入SpringMVC的jar、Spring的jar、MyBatis的jar、上傳文件的jar

Step3 配置文件配置applicationcontext.xml文件

開(kāi)啟service包注解掃描

配置數(shù)據(jù)庫(kù)信息properties文件

配置數(shù)據(jù)源bean

配置SqlSession工廠bean

配置mapper掃描bean，記得把工廠依賴設(shè)置為屬性注入

配置事務(wù)管理

配置springmvc.xml文件

配置controller包注解掃描

配置springmvc 注解驅(qū)動(dòng)

配置靜態(tài)資源放行

配置文件上傳資源解析bean

配置web.xml文件

配置spring配置文件加載路徑

配置spring容器資源加載監(jiān)聽(tīng)器

配置SpringMVC的DispatcherServlet

配置編碼過(guò)濾器

2. 實(shí)現(xiàn)帶圖片上傳的注冊(cè)功能

基本思路：

Step1 先實(shí)現(xiàn)圖片的異步上傳，反顯圖片，獲取圖片上傳后的存儲(chǔ)路徑，

Step2 將注冊(cè)的數(shù)據(jù)、頭像圖片的存儲(chǔ)路徑一并提交至后臺(tái)完成注冊(cè)。

2.1 JS實(shí)現(xiàn)圖片異步上傳

實(shí)現(xiàn)思路：

Step1 首先引入jQuery文件

Step2 添加注冊(cè)按鈕單擊事件

Step3 獲取上傳文件數(shù)據(jù)、利用FormData對(duì)象封裝數(shù)據(jù)

Step4 ajax方式提交后臺(tái)，注意processData設(shè)置為false、contentType設(shè)置為false

Step5 上傳成功后回顯圖片，將圖片路徑填至隱藏域

具體JS實(shí)現(xiàn)圖片上傳方法：$(function(

$("#uploadBtn").click(function(){

// 獲取上傳文件

var uploadPhoto = $("#upload")[0].files[0];

// 利用FormDate對(duì)象封裝文件數(shù)據(jù)

var formdata = new FormData();

formdata.append("uploadPhoto",uploadPhoto);

$.ajax({

url:'regUpload',

type:'post',

processData:false,

contentType:false,//設(shè)置false，將請(qǐng)求數(shù)據(jù)類型設(shè)置為multipart/form-data

data:formdata,

success:function(data){

if(data.result){

alert("上傳成功！");

$("#imageSpan").html("");

$("#imgPath").val(data.msg);

}else{

alert("上傳失敗！原因："+data.msg);

}

}

});

});

));

2.2 后臺(tái)處理上傳的圖片

實(shí)現(xiàn)思路：

1、獲取文件在服務(wù)器存儲(chǔ)中的實(shí)際路徑

2、獲取文件原始文件名，隨機(jī)生成文件名

3、實(shí)際路徑拼接隨機(jī)文件名，將文件存儲(chǔ)至目標(biāo)路徑

4、存儲(chǔ)文件的原始名、隨機(jī)名、文件類型至數(shù)據(jù)庫(kù)

5、返回上傳結(jié)果、存儲(chǔ)路徑+文件名

具體代碼如下：@RequestMapping("regUpload")

@ResponseBody

public Result regUpload(MultipartFile uploadPhoto, HttpServletRequest request) throws IOException {

// 業(yè)務(wù)處理

// 1、獲取文件在服務(wù)器存儲(chǔ)中的實(shí)際路徑

String realPath = request.getServletContext().getRealPath("/uploadImage/");

File pathFile = new File(realPath);

if(!pathFile.exists()){

pathFile.mkdirs();

}

// 2、獲取文件原始文件名，隨機(jī)生成文件名

String originalFilename = uploadPhoto.getOriginalFilename();

String suffix = originalFilename.substring(originalFilename.lastIndexOf("."));

String fileName = UUID.randomUUID()+suffix;

// 3、實(shí)際路徑拼接隨機(jī)文件名，將文件存儲(chǔ)至目標(biāo)路徑

uploadPhoto.transferTo(new File(realPath+fileName));

// 4、存儲(chǔ)文件的原始名、隨機(jī)名、文件類型至數(shù)據(jù)庫(kù)

String contentType = uploadPhoto.getContentType();

PhotoImage photoImage = new PhotoImage("/uploadImage/"+fileName, originalFilename, fileName, contentType );

System.out.println("============================");

int flag = 0 ;

try{

flag =photoImageService.insertImage(photoImage);

}catch (Exception e){

e.printStackTrace();

}

if(flag==1){

// 5、返回上傳結(jié)果、存儲(chǔ)路徑+文件名

Result result = new Result(true,"uploadImage/"+fileName);

return result;

}else{

return new Result(false,"圖片存儲(chǔ)失敗！");

}

}

2.3 html頁(yè)面實(shí)現(xiàn)

用戶名：
密碼：
上傳文件：

2.4 實(shí)現(xiàn)用戶信息注冊(cè)功能

實(shí)現(xiàn)思路：

Step1 用

標(biāo)簽收集頁(yè)面所有數(shù)據(jù)

Step2 submit按鈕提交至后臺(tái)

Step3 通過(guò)service、mapper存儲(chǔ)

具體實(shí)現(xiàn)代碼：@RequestMapping("regUser")

public String regUser(User user){

// 業(yè)務(wù)處理

int flag = userService.insertUser(user);

// 請(qǐng)求轉(zhuǎn)發(fā)

//return "forward:register.jsp";

return "register";

}

3. 實(shí)現(xiàn)圖片下載功能

實(shí)現(xiàn)思路：

Step1 前臺(tái)用超鏈接觸發(fā)下載功能，將要下載的文件名作為請(qǐng)求參數(shù)帶上

Step2 后臺(tái)接收請(qǐng)求，先設(shè)置響應(yīng)頭，表明為下載請(qǐng)求:`response.setHeader("Content-Disposition", "attachment;filename="+filenName);`

Step3 獲取文件的在硬盤上的絕對(duì)路徑

Step4 利用FileUtils將文件轉(zhuǎn)成byte數(shù)組

Step5 從相應(yīng)對(duì)象中獲取輸出流，將byte數(shù)組寫出

Step6 清除輸出流的緩存、關(guān)閉輸出流

具體代碼：@RequestMapping("downloadFile")

public void downloadFile(String filename,HttpServletRequest req, HttpServletResponse resp) throws IOException {

// Step2 后臺(tái)接收請(qǐng)求，先設(shè)置響應(yīng)頭，表明為下載請(qǐng)求

resp.setHeader("Content-Disposition", "attachment;filename="+filename);

// Step3 獲取文件的在硬盤上的絕對(duì)路徑

String realPath = req.getServletContext().getRealPath("/uploadImage/");

// Step4 利用FileUtils將文件轉(zhuǎn)成byte數(shù)組

File file = new File(realPath,filename);

byte[] bytes = FileUtils.readFileToByteArray(file);

// Step5 從相應(yīng)對(duì)象中獲取輸出流，將byte數(shù)組寫出

ServletOutputStream os = resp.getOutputStream();

os.write(bytes);

// Step6 清除輸出流的緩存、關(guān)閉輸出流

os.flush();

os.close();

}

總結(jié)

以上是生活随笔為你收集整理的ssm上传文件获取路径_SSM实现图片上传下载功能的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。