时间:2021-05-20
SpringBoot实现单文件上传功能,供大家参考,具体内容如下
架构为springboot+thymeleaf,采用ajax方式提交
1. 页面testFile.html
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>测试文件上传</title> <script src="../static/jquery/jquery-2.1.1.min.js" th:src="@{/jquery/jquery-2.1.1.min.js}"></script> <script type="text/javascript"> $(function () { $("#upload1").click(function () { var formData = new FormData(); formData.append("file", document.getElementById("file").files[0]); $.ajax({ url: "/file/upload1", type: "POST", data: formData, //必须false才会自动加上正确的Content-Type contentType: false, //必须false才会避开jquery对 formdata 的默认处理 //XMLHttpRequest会对 formdata 进行正确的处理 processData: false, success: function (data) { if (data.status == "true") { alert("上传成功!"); } if (data.status == "error") { alert(data.msg); } }, error: function () { alert("上传失败!"); } }); }); }); </script></head><body> <form method="POST" enctype="multipart/form-data" action="/file/upload1"> <fieldset> <legend>单一文件上传实例:</legend> 文件1:<input type="file" name="file" id="file"/><br/> <input type="button" id="upload1" value="上传"/><br/> </fieldset> </form></body></html>2. FileController.java
package com.stormkai.controller;import java.io.File;import java.io.IOException;import java.util.HashMap;import java.util.Map;import javax.servlet.http.HttpServletRequest;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.GetMapping;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.bind.annotation.ResponseBody;import org.springframework.web.multipart.MultipartFile;import lombok.extern.slf4j.Slf4j;@Controller@RequestMapping("/file")@Slf4jpublic class FileController { @GetMapping("/index") public String index() { return "testFile"; } @PostMapping("/upload1") @ResponseBody public Map<String, Object> upload1(@RequestParam("file") MultipartFile file, HttpServletRequest request) throws IOException { log.info("系统路径={}",request.getSession().getServletContext().getRealPath("")); String path = "F:\\uploadfile\\"; if(!new File(path).exists()){ new File(path).mkdirs(); } file.transferTo(new File(path + file.getOriginalFilename())); Map<String, Object> result = new HashMap<>(); result.put("status", "true"); result.put("data", null); return result; }}以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
springboot整合vue实现上传下载文件,供大家参考,具体内容如下环境springboot1.5.x完整代码下载:springboot整合vue实现上传下
根据项目需要,研究了一下如何在ASP.NETMVC下实现批量文件上传。首先,介绍单文件上传;然后,介绍多文件上传如何实现。一、单文件上传单文件上传的原理是将文件
本文实现springboot的多文件上传,首先创建一个springboot项目,添加spring-boot-starter-web依赖。然后在resources
SpringBoot对文件上传做了简化,基本做到了零配置,我们只需要在项目中添加spring-boot-starter-web依赖即可。单文件上传1,代码编写(
下面看下ajax实现文件上传没有使用插件一、单文件上传文件:上传文件$(function(){$("#upload").click(function(){var