bootstrap upload 檔案上傳的實現過程
阿新 • • 發佈：2019-02-12
前端jsp頁面
<body>
<div class="htmleaf-container" style="width:400px;height:300px; ">
<div class="container kv-main">
<form enctype="multipart/form-data">
<label>簡體中文</label> <input id="file-zh" name="files" type="file"
multiple js部分
$(function () {
//0.初始化fileinput
var oFileInput = new FileInput();
oFileInput.Init("file-zh" controller的實現部分
/**
*
* @Title: uploadFj
* @Description: TODO(上傳附件)
* @param request
*/
@RequestMapping(value = "/uploadFj")
public void uploadFj(HttpServletRequest request,
HttpServletResponse response) {
MultipartHttpServletRequest multiRequest = (MultipartHttpServletRequest) request;
List<UploadFile> fileList = UploadUtil.getUploadFiles(multiRequest,
ContextUtil.setPath());
Map<String, Object> map = new HashMap<String, Object>();
response.setContentType("text/xml;charset=UTF-8");
PrintWriter out = null;
try {
out = response.getWriter();
for (UploadFile file : fileList) {
System.out.println("上傳檔案有：" + file);
}
map.put("message", "success");
} catch (Exception e) {
e.printStackTrace();
map.put("meaasge", "failed");
}
out.print(JSONObject.fromObject(map));
}upload工具類UploadUtil
public static List<UploadFile> getUploadFiles(
MultipartHttpServletRequest multipartHttpServletRequest, String Path) {
List<MultipartFile> files = multipartHttpServletRequest
.getFiles("files");
List<UploadFile> fileList = new ArrayList<UploadFile>();
for (MultipartFile file : files) {
// 取得上傳檔案
String fileName = file.getOriginalFilename();
Long fileSize = file.getSize();
if (null != fileName && !"".equals(fileName)) {
try {
// 建立檔案要儲存的路徑
File uploadFile = new File(Path);
if (!uploadFile.exists() || null == uploadFile) {
uploadFile.mkdirs();
}
// 獲取檔案型別
String fileType = fileName.substring(
fileName.lastIndexOf(".") + 1, fileName.length());
String id = UUID.randomUUID().toString();
String targetName = id + "." + fileType;
// 檔案真實存放路徑
String filePath = uploadFile.getPath() + File.separator
+ targetName;
// 儲存檔案
file.transferTo(new File(filePath));
// 初始化上傳檔案
UploadFile up = new UploadFile(id, fileName, fileType,
fileSize + "", filePath);
fileList.add(up);
} catch (Exception e) {
e.printStackTrace();
}
}
}
return fileList;
}檔案實體類
/**
* 上傳檔案實體類
*
* @author
*
*/
public class UploadFile implements Serializable {
private static final long serialVersionUID = -5077361410541860143L;
private String id;
private String fileName;
private String fileType;
private String fileSize;
private String filePath;
public UploadFile() {
}
public UploadFile(String id, String fileName, String fileType,
String fileSize, String filePath) {
this.id = id;
this.fileName = fileName;
this.fileType = fileType;
this.fileSize = fileSize;
this.filePath = filePath;
}
public String getId() {
return id;
}
public void setId(String id) {
this.id = id;
}
public String getFileName() {
return fileName;
}
public void setFileName(String fileName) {
this.fileName = fileName;
}
public String getFileType() {
return fileType;
}
public void setFileType(String fileType) {
this.fileType = fileType;
}
public String getFileSize() {
return fileSize;
}
public void setFileSize(String fileSize) {
this.fileSize = fileSize;
}
public String getFilePath() {
return filePath;
}
public void setFilePath(String filePath) {
this.filePath = filePath;
}
@Override
public String toString() {
return "UploadFile [id=" + id + ", fileName=" + fileName
+ ", fileType=" + fileType + ", fileSize=" + fileSize
+ ", filePath=" + filePath + "]";
}頁面效果圖
