SSM/angularjs _ 文件的上传下载

来源：互联网发布：完美芦荟胶淘宝官网编辑：程序博客网时间：2024/05/01 15:11

后台

package com.bayside.npa.resource.controller;

import java.io.*;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;
import org.springframework.web.multipart.MultipartHttpServletRequest;
import com.bayside.npa.resource.model.Resource;
import com.bayside.npa.resource.service.impl.ResourceImpl;
import com.bayside.npa.util.UuidUtil;

@RestController
public class FileController {
/**
* 文件上传功能
*
* @param file
* @return
* @throws IOException
*/
@Autowired
private ResourceImpl rImpl;
@RequestMapping(value = "/uploadFile", method = { RequestMethod.GET,RequestMethod.POST }, produces = "text/html;charset=UTF-8")
public String uploadFile(MultipartHttpServletRequest multipartRequest, HttpServletRequest request, Resource res,Integer firmsid) {
InputStream in = null;
String newfileName = null;
String newpathname = null;
String resourcename = null;
String filePath2 = null;
String fileAddre = "/numUp";
//MultipartHttpServletRequest multipartRequest。。。。multipartRequest.getFile("inputfile"); 用来接收上传过来的文件
MultipartFile file = multipartRequest.getFile("inputfile");
if (file.isEmpty()) {
try {
System.out.println("文件不存在！");
} catch (Exception e) {
System.out.println(e.getMessage());
}
}
try {
in = file.getInputStream();
} catch (IOException e) {
System.out.println(e.getMessage());
}
try {
InputStream stream = file.getInputStream();// 把文件读入
String filePath = request.getServletContext().getRealPath(fileAddre);// 取系统当前路径
// 添加了自动创建目录的功能
File file1 = new File(filePath);
((File) file1).mkdir();
//新命名文件
newfileName = System.currentTimeMillis()+file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf('.'));
filePath2 = "numUp"+"\\"+newfileName;//存储相对路径到数据库
newpathname = filePath + "\\" + newfileName;//存储文件的路径
OutputStream bos = new FileOutputStream(newpathname);
resourcename = file.getOriginalFilename();//上传时的文件名字
int bytesRead = 0;
byte[] buffer = new byte[81920];
while ((bytesRead = stream.read(buffer, 0, 81920)) != -1) {
bos.write(buffer, 0, bytesRead);// 将文件以字节流的方式写入服务器
}
bos.close();//释放流
stream.close();

} catch (FileNotFoundException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
}

//封装
res.setId(UuidUtil.getUUID());
res.setResourceurl(filePath2);
res.setFirmsid(firmsid);
res.setResourcename(resourcename);

rImpl.insertSelective(res);

return "";

}

/**
* 文件下载功能
* @param request
* @param response
* @throws Exception
*/
@RequestMapping(value = "/downloadFile", method = { RequestMethod.GET,RequestMethod.POST })
public String downloadFile(String resourcename, String resourceurl,HttpServletRequest request, HttpServletResponse response) {
if (resourcename != null) {
String realPath = request.getServletContext().getRealPath(resourceurl);
File file = new File(realPath);
if (file.exists()) {
response.setContentType("application/force-download");
response.addHeader("Content-Disposition","attachment;fileName=" + resourcename);// 设置文件名
byte[] buffer = new byte[81920];
FileInputStream fis = null;
BufferedInputStream bis = null;
try {
fis = new FileInputStream(file);
bis = new BufferedInputStream(fis);
OutputStream os = response.getOutputStream();
int i = bis.read(buffer);
while (i != -1) {
os.write(buffer, 0, i);
i = bis.read(buffer);
}
} catch (Exception e) {
e.printStackTrace();
} finally {
if (bis != null) {
try {
bis.close();
} catch (IOException e) {
e.printStackTrace();
}
}
if (fis != null) {
try {
fis.close();
} catch (IOException e) {
e.printStackTrace();
}
}
}
}
}
return null;
}

}

————————————前端—————————————

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">上传文件</h4>
</div>
<div class="modal-body">
<div class="modal-body-left">
<ul>
<li>
<span class="wenjian-name">文件：</span>
<span class="wenjian-input"><input type="file" id="upfile" name="upfile" na-madel="test" /></span>
</li>
</ul>
</div>
<div class="modal-body-right">
<img id="tianjia" src="../index/img/tianjia.png" />
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button id="btn-queding" type="button" class="btn btn-primary" onclick="fileUpload()">确定</button>
</div>
</div>
</div>
</div>
</div>
<footer>
<div class="container">

</div>
</footer>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="../js/ajaxfileupload.js"></script>
<script type="text/javascript" src="../js/bootstrap.min.js"></script>
<script type="text/javascript" src="../common/js/angular.min.1.3.2.js"></script>
<script type="text/javascript" src="../common/js/common.js"></script>
<script type="text/javascript" src="../app/js/xcConfirm.js"></script>
<script type="text/javascript" src="../app/js/getUrlParam.js"></script>
<script type="text/javascript" src="js/resourceservice.js"></script>
<script type="text/javascript" src="js/resource.js"></script>

<script>
//上传文件按钮
$("#btn-shangchuan").click(function(){
$(".modal-body-left ul").html('<li><span class="wenjian-name">文件：</span><span class="wenjian-input"><input type="file" name="inputfile" id="inputfile"></span></li>')
});
</script>

1 0