SpringBoot文件上传控制及文件上传控制及Java 获取和判断文件头信息获取和判断文件头信息
主要介绍了SpringBoot文件上传控制的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
之前在使用SpringBoot进行文件上传时,遇到了很多问题。于是在翻阅了很多的博文之后,总算将上传功能进行了相应的完
善,便在这里记录下来,供自己以后查阅。
首先,是建立一个标准的SpringBoot 的工程,这里使用的IDE是Intellij Idea,为了方便配置,将默认的配置文件替换为了
application.yml。
1.在index.html中进行文件上传功能,这里使用的文件上传方式是ajax,当然也可以按照自己的具体要求使用传统的表单文件
上传。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>上传测试</title>
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
</head>
<body>
<input id="file" type="file" name="file"/>
<br/>
<button id="upload" onclick="doUpload()">上传</button>
<progress id="progressBar" value="0" max="100"></progress>
<script>
function doUpload() {
var fileObj = document.getElementById("file").files[0]; // js 获取文件对象
var FileController = "/upload"; // 接收上传文件的后台地址
// FormData 对象
var form = new FormData();
form.append("file",fileObj);
// XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
//为请求添加返回处理函数
xhr.onreadystatechange=function () {
if(this.readyState == 4 && this.status == 200){
var b = this.responseText;
if(b == "success"){
alert("上传成功!");
}else{
alert("上传失败!");
}
}
};
xhr.open("post", FileController, true);
//使用进度条记录上传进度
xhr.upload.addEventListener("progress", progressFunction, false);
xhr.send(form);
}
function progressFunction(evt) {
var progressBar = document.getElementById("progressBar");
var percentageDiv = document.getElementById("percentage");
if (evt.lengthComputable) {
评论0