在使用ssm完成前后端对接时,总免不了前台传过来的文件问题,而html中的<input>框直接使用时,往往会获取不到路径,今天在完成图片上传后的来做个总结
首先,前台页面
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>图片上传</title>
</head>
<body>
<h2>图片上传</h2>
<form action="save/saveImg" method="post" enctype="multipart/form-data">
图片:<input type="file" name="upload"/><br/>
<input type="submit" value="提交"/>
</form>
</body>
</html>
配置图片解析
<!-- 配置文件上传视图解析器 -->
<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
<property name="maxUploadSize" value="10485760"></property>
<property name="defaultEncoding" value="utf-8"></property>
</bean>
其中 maxUploadSize 是限制上传的图片最大字节 defaultEncoding是设定上传图片编码
service接口
package com.sp.service;
import org.springframework.web.multipart.MultipartFile;
public interface FileService {
void upLoadFile(MultipartFile upload);
}
实现类
package com.sp.serviceImpl; import java.io.File;
import java.io.IOException; import org.springframework.stereotype.Service;
import org.springframework.web.multipart.MultipartFile; import com.sp.service.FileService; @Service
public class FileServiceImpl implements FileService { private String filePath="D:/img/"; //定义上传文件的存放位置
@Override
public void upLoadFile(MultipartFile upload) { String fileName = upload.getOriginalFilename(); //获取上传文件的名字
//判断文件夹是否存在,不存在则创建
File file=new File(filePath); if(!file.exists()){
file.mkdirs();
} String newFilePath=filePath+fileName; //新文件的路径 try {
upload.transferTo(new File(newFilePath)); //将传来的文件写入新建的文件 } catch (IllegalStateException | IOException e) {
e.printStackTrace();
} } }
控制层
package com.sp.controller; import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.multipart.MultipartFile; import com.sp.service.FileService; @Controller
@RequestMapping("/save")
public class FileController { @Autowired
private FileService fileService; @RequestMapping("/saveImg")
@ResponseBody
public String saveImg(MultipartFile upload){
fileService.upLoadFile(upload);
return "ok";
}
}
效果演示
选择图片
提交后看我的d盘目录
本案例只是简单的演示,后台可以对上传的图片名称或者大小或者有无尺寸进行判断,从而可以避免传入无效数据,同时亦可以将自己所保存的路径进行相应的修改后存入数据库,便于以后数据的回显.