当前位置：网站首页>Thymeleaf uploads files in web pages

Thymeleaf uploads files in web pages

2022-07-21 07:18:00 【Cheng Cheng, it's Xiaobai】

Catalog

This is thymeleaf stay pom Dependency added in （ You can't be fat at one go ）

Use thymeleaf Upload （ A photo ）

First write and configure the virtual machine

The code block is as follows

To write controller Layer code

The code block is as follows

stay resource Of templates Add... To the file

The content of the first file

The code block is as follows

Second document

The code block is as follows ：

stay application.properties The contents of the document

The code block is as follows ：

This article is my previous notes , If I saw it on the Nuggets, it's right , Or myself Cheng Cheng My personal homepage - dynamic - Nuggets This is the only one . If there is anything wrong, you are welcome to point out the problem , I am a little white .
The link of the last article is ：MySQL Note down _ Cheng Cheng is Xiaobai's blog -CSDN Blog , This article is a connection Automatic configuration and thymeleaf template engine _ Cheng Cheng is Xiaobai's blog -CSDN Blog .
If it is springboot If so, please see springboot Create project _ Cheng Cheng is Xiaobai's blog -CSDN Blog , This is from scratch, not finished springboot, Study together ！！！！

This is thymeleaf stay pom Dependency added in （ You can't be fat at one go ）

This is a block of code

<dependencies>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>

<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-test</artifactId>
<scope>test</scope>
</dependency>
</dependencies>

Use thymeleaf Upload （ A photo ）

First write and configure the virtual machine

The code block is as follows

@Configuration
public class TextThymeleaf implements WebMvcConfigurer {
// Configure virtual machines 
@Override
public void addResourceHandlers(ResourceHandlerRegistry registry){
//upload/** The path of opening up 
//addResourceHandlers() Configure resource paths , Point to the real path where the resource is located 
registry.addResourceHandler("/upload/**").addResourceLocations("file:E:\\wy/");
}
}

To write controller Layer code

The code block is as follows


@Controller
public class TextController {
@RequestMapping("/fileLoad")
public String uploadController(@RequestParam("photo") MultipartFile file, Model model){
if (file.isEmpty()){
model.addAttribute("msg"," Upload file error ！！！");

}else {
SimpleDateFormat sdf=new SimpleDateFormat("yyyyMMddhhmmss");
String newFileName= sdf.format(new Date())+file.getOriginalFilename();
Path path= Paths.get("e://wy/"+newFileName);
try {
Files.write(path,file.getBytes());
model.addAttribute("msg"," File upload succeeded ");
model.addAttribute("src",newFileName);
} catch (IOException e) {
e.printStackTrace();
model.addAttribute("msg"," File upload failed ");

}

}
return "status";
}
}

stay resource Of templates Add... To the file

The content of the first file

The code block is as follows


<!DOCTYPE html>
<html lang="en" xmlns:th="http://wwww.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<span th:text="${msg}"></span>
<div th:if="${msg == ' Cheng Cheng's file was uploaded successfully '}">
<img th:src="|upload/${src}|">
</div>
</body>
</html>

Second document

The code block is as follows ：


<!DOCTYPE html>
<html lang="en" xmlns:th="http://wwww.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form action="/fileLoad" method="post" enctype="multipart/form-data">
<input type="file" name="photo"><br/>
<input type="submit" value=" Submit ">
</form>
</body>
</html>

stay application.properties The contents of the document

The code block is as follows ：

server.port=8082
# Turn off page caching 
spring.thymeleaf.cache=false
# Set the default access path 
spring.web.resources.static-locations=classpath:/METAINF/resources/,classpath:/resources/,classpath:/static/,classpath:/public/,classpath:/templates/

test

result

In the document （ There can be repeated ）

This article is my previous notes , If I saw it on the Nuggets, it's right , Or myself Cheng Cheng My personal homepage - dynamic - Nuggets This is the only one . If there is anything wrong, you are welcome to point out the problem , I am a little white .
The link of the last article is ：MySQL Note down _ Cheng Cheng is Xiaobai's blog -CSDN Blog , This article is a connection Automatic configuration and thymeleaf template engine _ Cheng Cheng is Xiaobai's blog -CSDN Blog .
If it is springboot If so, please see springboot Create project _ Cheng Cheng is Xiaobai's blog -CSDN Blog , This is from scratch, not finished springboot, Study together ！！！！

原网站

版权声明
本文为[Cheng Cheng, it's Xiaobai]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/202/202207201121459309.html