JavaEE SpringBoot + Thymeleaf 模板文件完成文件上传 小小案例

Java 9个月前 ADB
0

首先我们使用Eclipse创建Maven项目如图操作

JavaEE SpringBoot + Thymeleaf 模板文件完成文件上传 小小案例 JavaEE SpringBoot + Thymeleaf 模板文件完成文件上传 小小案例 JavaEE SpringBoot + Thymeleaf 模板文件完成文件上传 小小案例 JavaEE SpringBoot + Thymeleaf 模板文件完成文件上传 小小案例 JavaEE SpringBoot + Thymeleaf 模板文件完成文件上传 小小案例 JavaEE SpringBoot + Thymeleaf 模板文件完成文件上传 小小案例

点击File创建文件SpringBoot Maven Project项目

我们使用Blog项目来演示,这里重名我先写 blogs下一步都一样的

创建好了项目之后,我们添加依赖如下图

JavaEE SpringBoot + Thymeleaf 模板文件完成文件上传 小小案例 JavaEE SpringBoot + Thymeleaf 模板文件完成文件上传 小小案例

pom.xml

<parent>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-parent</artifactId>
<version>2.0.3.RELEASE</version>
</parent>
<dependencies>
<!--引入thymeleaf依赖-->
<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>

pom.xml文件


创建App.Java运行文件

JavaEE SpringBoot + Thymeleaf 模板文件完成文件上传 小小案例 JavaEE SpringBoot + Thymeleaf 模板文件完成文件上传 小小案例

App.java
JavaEE SpringBoot + Thymeleaf 模板文件完成文件上传 小小案例

控制器代码

FileController.java
JavaEE SpringBoot + Thymeleaf 模板文件完成文件上传 小小案例 JavaEE SpringBoot + Thymeleaf 模板文件完成文件上传 小小案例 JavaEE SpringBoot + Thymeleaf 模板文件完成文件上传 小小案例 JavaEE SpringBoot + Thymeleaf 模板文件完成文件上传 小小案例 JavaEE SpringBoot + Thymeleaf 模板文件完成文件上传 小小案例 JavaEE SpringBoot + Thymeleaf 模板文件完成文件上传 小小案例



package blog;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

@SpringBootApplication
public class App {

public static void main(String[] args) {

SpringApplication.run(App.class, args);

}

}

创建控制控制器

package blog;
import org.springframework.web.bind.annotation.*;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;

@RestController
public class FileController {

@PostMapping("/upload")
public String file (@RequestParam("file")MultipartFile file){

byte[] myfile = new byte[20];
if (!file.isEmpty()) {
try {
myfile = file.getBytes();
String str = new String(myfile);
System.out.println("文本长度:"+file.getSize());// 获取文件字节
System.out.println(str);//输出内容

} catch (Exception e) {
e.printStackTrace();
// TODO: handle exception
}

}
else {

return "没有选择文件!请重新选择!";
}
return "文件上传成功!";

}

}

前端代码就是一个框

Index.html

<div class="col-md-6">

<!-- 文件上传 -->

<form id="upload-form" action="upload" method="post" enctype="multipart/form-data" >
<div class="btn btn-default btn-theme btn-rounded-corner">选择文件
<input class="inputstyle" type="file" id="上传" name="file"/>
<!-- 提交按钮透明 -->
</div>

<p class="lead">跨平台应用 iOS, Android, and Windows 都可以使用的文件系统!</p>

<input class="btn btn-default btn-theme btn-rounded-corner" type="submit" value="提交" / >
<!-- 保留提交按钮 -->
</form>
<!-- <a class="btn btn-default btn-theme btn-rounded-corner" href="#upload-form" role="button">文件上传</a> -->
</div>

运行效果如图

JavaEE SpringBoot + Thymeleaf 模板文件完成文件上传 小小案例 JavaEE SpringBoot + Thymeleaf 模板文件完成文件上传 小小案例 JavaEE SpringBoot + Thymeleaf 模板文件完成文件上传 小小案例 JavaEE SpringBoot + Thymeleaf 模板文件完成文件上传 小小案例

源码下载地址:点击下载

 


全文完

暂无评论

暂无评论...