利用springboot怎么对图片进行上传-创新互联

今天就跟大家聊聊有关利用springboot怎么对图片进行上传,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

成都创新互联是一家集网站建设,蟠龙企业网站建设,蟠龙品牌网站建设,网站定制,蟠龙网站建设报价,网络营销,网络优化,蟠龙网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

步骤一:基于前面springboot入门小demo

基于的springboot入门小demo,已包含了前面文章的知识点(比如:热部署、全局异常处理器)。

步骤二:创建uploadPage.jsp上传页面  

在jsp目录下新建uploadPage.jsp,需要几点:
1. method="post" 是必须的
2. enctype="multipart/form-data" 是必须的,表示提交二进制文件
3. name="file" 是必须的,和后续服务端对应
4. accept="image/*" 表示只选择图片

<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>




图片上传


  
    选择图片: 
       

步骤三:创建UploadController.java

因为uploadPage.jsp在WEB-INF下,不能直接从浏览器访问,所以要在这里加一个uploadPage跳转,这样就可以通过。

测试访问页面:http://127.0.0.1:8080/uploadPage

访问到uploadPage.jsp页面了(只是可以访问,还不能上传)。

package cn.xdf.springboot.controller;

import java.io.File;
import java.io.FileNotFoundException;
import java.io.IOException;

import javax.servlet.http.HttpServletRequest;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.multipart.MultipartFile;

@Controller
public class UploadController {
  // 因为uploadPage.jsp 在WEB-INF下,不能直接从浏览器访问,所以要在这里加一个uploadPage跳转,这样就可以通过
  @RequestMapping("/uploadPage")
  public String uploadPage() {
    return "uploadPage";  //过度跳转页
  }

  @PostMapping("/upload") // 等价于 @RequestMapping(value = "/upload", method = RequestMethod.POST)
  public String uplaod(HttpServletRequest req, @RequestParam("file") MultipartFile file, Model m) {//1. 接受上传的文件 @RequestParam("file") MultipartFile file
    try {
      //2.根据时间戳创建新的文件名,这样即便是第二次上传相同名称的文件,也不会把第一次的文件覆盖了
      String fileName = System.currentTimeMillis() + file.getOriginalFilename();
      //3.通过req.getServletContext().getRealPath("") 获取当前项目的真实路径,然后拼接前面的文件名
      String destFileName = req.getServletContext().getRealPath("") + "uploaded" + File.separator + fileName;
      //4.第一次运行的时候,这个文件所在的目录往往是不存在的,这里需要创建一下目录(创建到了webapp下uploaded文件夹下)
      File destFile = new File(destFileName);
      destFile.getParentFile().mkdirs();
      //5.把浏览器上传的文件复制到希望的位置
      file.transferTo(destFile);
      //6.把文件名放在model里,以便后续显示用
      m.addAttribute("fileName", fileName);
    } catch (FileNotFoundException e) {
      e.printStackTrace();
      return "上传失败," + e.getMessage();
    } catch (IOException e) {
      e.printStackTrace();
      return "上传失败," + e.getMessage();
    }

    return "showImg";
  }
}

步骤四:创建showImg.jps

<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>




上传图片


  

文件最终上传到webapp下面的uploaded文件夹下面,如果看不到,就刷新一哈。

所以通过这个 链接,就可以访问到图片。

步骤五:修改application.properties

设置上传文件的大小,默认是1m,太小了,文件稍微大一点就会出错

spring.mvc.view.prefix=/WEB-INF/jsp/
spring.mvc.view.suffix=.jsp
spring.http.multipart.maxFileSize=100Mb
spring.http.multipart.maxRequestSize=100Mb

步骤六:测试

访问测试地址:http://127.0.0.1:8080/uploadPage

利用springboot怎么对图片进行上传

上传成功后,跳转到showImg.jsp访问图片资源。

看完上述内容,你们对利用springboot怎么对图片进行上传有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。


当前名称:利用springboot怎么对图片进行上传-创新互联
文章位置:http://myzitong.com/article/cegigs.html