SSM文件的下载

接着上一篇文章,今天我们就来说一说文件的下载,有人就会很奇怪的问,为什么文件上传和下载不放在一起,而要分开来呢。在这里给大家解释下,好比我们吃饭吧,饭是一口一口的吃,如果你一下子吃两口或者是三口那么你可能会噎住,不否认有人的嘴大,但我相信更多的人嘴还是比较正常的吧,分开来讨论的话比较容易“消化”,让人更加容易掌握。

言归正传,我们今天就来说一说文件的下载,今天的案例就以图片的下载为例,其他文件的下载原理也是一样的,只要掌握了其原理那么我们的目的就达到了。

直接上代码,这个是我们前台的代码,我就直接上代码了,就不在这里过多的解释了。

<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ page isELIgnored="false" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>文件上传下载</title>
</head>
<body>
<form action="${pageContext.request.contextPath }/file/down"
      method="post">
    <input type="hidden" name="image" value="2.jpg">
    <img src="/imgs/2.jpg" alt="图片不见了" style="width: 300px;">
    <input type="submit" value="下载">
</form>
</body>
</html>

效果图:
在这里插入图片描述
其中的一句代码呢,也就是下面这一句,就是设置一个隐藏域,它会偷偷摸摸的给后台发送一个消息,具体的执行流程呢小伙伴们可以自行百度,我就不在这里做过多的解释了

<input type="hidden" name="image" value="2.jpg">

接下来便是我们重要的部分了,那便是控制层的逻辑处理。

由于这个是涉及到了流的处理,肯定是会有异常的,在这里我就统统的抛出去了。

public String down(HttpServletRequest request,HttpServletResponse response) throws IOException

第一步就是获取我们文件的名称,还记得上面提到的隐藏域吧,在这里就起到了作用了

 //获取文件名称
 String name = request.getParameter("image");

第二步便是获取我们对应文件的路径,在演示的时候我们文件所存放的地方便是在项目里面,当然你也可以是本机上的绝对路径,具体的做法就让小伙伴们自己摸索了。

 //获取对应文件的路径
 String path = request.getServletContext().getRealPath("/imgs") + "/" + name;

第三步就需要将我们的文件读取到输入流了

//将文件读取到输入流
InputStream bis = new BufferedInputStream(new FileInputStream(new File(path)));

下一步就是需要设置文件的转码以及中文乱码的解决,如果不处理的话下载下来的文件就不会是你所想的样子了,具体是什么样子,大家可以自己去试一试,只有自己尝试了,才知道需要注意哪些地方,以后出现这样的情况后自己便知道那里错了,就知道怎么解决这个问题了。

 //设置文件转码
 name = URLEncoder.encode(name,"UTF-8");

 //解决中文显示乱码
 response.addHeader("Content-Disposition", "attachment;filename=" + name);

下一步需要设置文件袋额响应类型

 //设置响应的类型
 response.setContentType("multipart/form-data");

接下的就比较容易理解了,如果不理解的话可以参照上一篇文章,SSM文件的上传,里面有关于下面一段代码的详细描述。

 BufferedOutputStream out = new BufferedOutputStream(response.getOutputStream());
        int len = 0;
        while((len = bis.read()) != -1){
            out.write(len);
            out.flush();
        }

其中out.flush();的意思就是把流里面的数据刷新,也就是把里面的数据写出来。

最后需要注意的是关闭资源,不然的话会造成资源浪费。

out.close();
@Controller
@RequestMapping("/file")
public class File2Controller {

    @PostMapping("/down")
    public String down(HttpServletRequest request,HttpServletResponse response) throws IOException{
        //获取文件名称
        String name = request.getParameter("image");

        //获取对应文件的路径
        String path = request.getServletContext().getRealPath("/imgs") + "/" + name;

        //将文件读取到输入流
        InputStream bis = new BufferedInputStream(new FileInputStream(new File(path)));

        //设置文件转码
        name = URLEncoder.encode(name,"UTF-8");

        //解决中文显示乱码
        response.addHeader("Content-Disposition", "attachment;filename=" + name);

        //设置响应的类型
        response.setContentType("multipart/form-data");

        //将对应文件读取出来
        BufferedOutputStream out = new BufferedOutputStream(response.getOutputStream());
        int len = 0;
        while((len = bis.read()) != -1){
            out.write(len);
            out.flush();
        }
        out.close();
        return null;
    }
}

点击下载之后的效果图:
在这里插入图片描述
这个名字与我文件的名字对应,怎确定呢,看图,这是我文件的名字
在这里插入图片描述
两个的名称都是一致的,你也可以仿造上篇的SSM文件上传其中给下载文件名称设置为UUID。

当我点击保存之后,这张图片便在我的桌面上了
在这里插入图片描述
总的来说文件的下载相比于文件的上传来说更加的简单些,只有掌握其中的原理,你才能真正的掌握它。真正掌握之前你肯定是需要敲大量的代码的,需要不断地尝试,虽然过程中可能会出错,但是我们正是在错误中不断地成长。

希望这篇文章对一些小伙伴们有所帮助(最后希望大神勿喷)。

  • 2
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现SSM文件上传下载和预览可以分为以下几个步骤: 1. 上传文件 在SpringMVC中,可以使用MultipartResolver来解析上传的文件。在配置文件中添加以下配置: ``` <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> <property name="maxUploadSize" value="10485760"/> <property name="defaultEncoding" value="UTF-8"/> </bean> ``` 其中maxUploadSize表示最大上传文件大小,defaultEncoding表示文件编码。 在Controller中添加以下代码: ``` @RequestMapping(value="/upload", method=RequestMethod.POST) public String upload(@RequestParam("file") MultipartFile file, HttpServletRequest request) { String fileName = file.getOriginalFilename(); String filePath = request.getSession().getServletContext().getRealPath("/") + "upload/"; File dest = new File(filePath + fileName); try { file.transferTo(dest); return "success"; } catch (IOException e) { e.printStackTrace(); return "error"; } } ``` 其中file是前端传递的文件参数,HttpServletRequest用于获取项目根路径,将文件保存到指定目录中。 2. 下载文件 在Controller中添加以下代码: ``` @RequestMapping(value="/download", method=RequestMethod.GET) public ResponseEntity<byte[]> download(HttpServletRequest request, @RequestParam("fileName") String fileName) throws Exception { String filePath = request.getSession().getServletContext().getRealPath("/") + "upload/"; File file = new File(filePath + fileName); HttpHeaders headers = new HttpHeaders(); headers.setContentDispositionFormData("attachment", new String(fileName.getBytes("UTF-8"), "ISO-8859-1")); headers.setContentType(MediaType.APPLICATION_OCTET_STREAM); return new ResponseEntity<byte[]>(FileUtils.readFileToByteArray(file), headers, HttpStatus.CREATED); } ``` 其中fileName为前端传递的文件名,HttpHeaders用于设置下载的响应头,FileUtils.readFileToByteArray(file)将文件转换成字节数组返回。 3. 预览文件 实现文件预览需要根据文件类型选择不同的方式进行处理。例如,可以使用PDF.js库预览PDF文件,使用Office Online预览Office文档等。 以PDF文件为例,在Controller中添加以下代码: ``` @RequestMapping(value="/preview", method=RequestMethod.GET) public String preview(HttpServletRequest request, @RequestParam("fileName") String fileName, Model model) throws Exception { String filePath = request.getSession().getServletContext().getRealPath("/") + "upload/"; File file = new File(filePath + fileName); if (file.exists()) { String pdfUrl = "http://localhost:8080/ssm/preview/pdfjs/web/viewer.html?file=" + request.getContextPath() + "/upload/" + fileName; model.addAttribute("pdfUrl", pdfUrl); return "pdfpreview"; } else { return "error"; } } ``` 其中pdfUrl为PDF.js预览文件的URL,pdfpreview为PDF预览页面。 在PDF预览页面中,使用iframe嵌入PDF.js预览: ``` <iframe id="pdf" src="${pdfUrl}" width="100%" height="800px"></iframe> ``` 需要注意的是,PDF.js需要引入相应的JS和CSS文件: ``` <script src="${pageContext.request.contextPath}/preview/pdfjs/build/pdf.js"></script> <script src="${pageContext.request.contextPath}/preview/pdfjs/build/pdf.worker.js"></script> <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/preview/pdfjs/web/viewer.css"> ``` 以上是基于SSM实现文件上传下载和预览的简单示例,具体实现需要根据项目需求进行调整。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值