Java Spring Boot 表单上传单个文件和多个文件

上传单个文件

html:

<form id="testForm" class="layui-form" lay-filter="testForm" ENCTYPE="multipart/form-data" action="##" method="POST">

<div class="layui-form-item">
<label class="layui-form-label">名字</label>
<div class="layui-input-block">
<input type="text" name="uName"  class="layui-input">
</div>
</div>

<div class="layui-form-item">
<label class="layui-form-label">上传</label>
<div class="layui-input-block">
<input name="imgFile" type="file"/>
</div>
</div>
</form>

Js:

                  var xa = new FormData($("#testForm")[0]);
					$.ajax({
					  	type: "POST",//请求得POST
							url: ajaxUrl + "cms/from_File",//自己的路径
							data: xa,
							dataType: "text",
							async: false,
							cache: false,
							contentType: false,
							processData: false,
							success: function(data) {
							   //。。。。。。。。。。。
							},
							error: function(e) {
								layer.alert('网络异常');
							}
						});
						return false; 
					});

 

Java:

@RequestMapping(value = "/from_File", method = RequestMethod.POST)
	public String layout_edit_update(@RequestParam("imgFile") MultipartFile imgFile, HttpServletRequest request) throws FileNotFoundException, ParseException {
		String uName= request.getParameter("uName");
        String DirPath = "D:\\test\\";
        File outDir = new File(DirPath);
		outDir.mkdirs();//校验文件夹路径是否存在,不存在创建
        String FilePath = DirPath +"111.png";//文件路径格式视情况
        getFile(imgFile,FilePath);
		return String.valueOf(1);
	}


public static boolean getFile(MultipartFile file, String outPath) {
        try {
            File newFile = new File(outPath);
            FileOutputStream Os = new FileOutputStream(newFile);
            BufferedOutputStream out = new BufferedOutputStream(Os);
            out.write(file.getBytes());
            out.flush();
            out.close();
        } catch (IOException e) {
            e.printStackTrace();
            return false;
        }

        return true;
    }

Java 配置文件application.properties 设置文件大小:

#上传文件大小
# Single file max size  
multipart.maxFileSize=50Mb
# All files max size  
multipart.maxRequestSize=50Mb

启动类配置文件上传大小:

import javax.servlet.MultipartConfigElement;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.boot.web.servlet.MultipartConfigFactory;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;


@SpringBootApplication
@Configuration
public class App 
{
    public static void main( String[] args )
    {
        
        SpringApplication.run(App.class, args);
        System.out.println( "SpringBoot Start Success!" );
    }
    
    /**  
     * 文件上传配置  
     * @return  
     */  
    @Bean  
    public MultipartConfigElement multipartConfigElement() {  
        MultipartConfigFactory factory = new MultipartConfigFactory();  
        //单个文件最大  
        factory.setMaxFileSize("10240KB"); //KB,MB  
        /// 设置总上传数据总大小  
        factory.setMaxRequestSize("102400KB");  
        return factory.createMultipartConfig();  
    }

==========================================================================================

上传多文件:

html:

<form id="testForm" class="layui-form" lay-filter="testForm" ENCTYPE="multipart/form-data" action="##" method="POST">

<div class="layui-form-item">
<label class="layui-form-label">名字</label>
<div class="layui-input-block">
<input type="text" name="uName"  class="layui-input">
</div>
</div>

<div class="layui-form-item">
<label class="layui-form-label">上传</label>
<div class="layui-input-block">
<input name="imgFiles" type="file"/>
</div>
</div>

<div class="layui-form-item">
<label class="layui-form-label">上传</label>
<div class="layui-input-block">
<input name="imgFiles" type="file"/>
</div>
</div>

<div class="layui-form-item">
<label class="layui-form-label">上传</label>
<div class="layui-input-block">
<input name="imgFiles" type="file"/>
</div>
</div>

</form>

Js:

                  var xa = new FormData($("#testForm")[0]);
					$.ajax({
					  	type: "POST",//请求得POST
							url: ajaxUrl + "cms/from_File",//自己的路径
							data: xa,
							dataType: "text",
							async: false,
							cache: false,
							contentType: false,
							processData: false,
							success: function(data) {
							   //。。。。。。。。。。。
							},
							error: function(e) {
								layer.alert('网络异常');
							}
						});
						return false; 
					});

Java:

@RequestMapping(value = "/from_File", method = RequestMethod.POST)
	public String layout_edit_update(@RequestParam("Files") MultipartFile Files, HttpServletRequest request) throws FileNotFoundException, ParseException {
		String uName= request.getParameter("uName");
        String DirPath = "D:\\test\\";
        File outDir = new File(DirPath);
		outDir.mkdirs();//校验文件夹路径是否存在,不存在创建
        if (Files!= null && Files.length > 0) {
			for (int i = 0; i < Files.length; i++) {
				MultipartFile file = Files[i];
                String FilePath = DirPath +i+".png";//文件路径格式视情况
                getFile(imgFile,FilePath);//输出保存文件
            }
         }
		return String.valueOf(1);
	}


public static boolean getFile(MultipartFile file, String outPath) {
        try {
            File newFile = new File(outPath);
            FileOutputStream Os = new FileOutputStream(newFile);
            BufferedOutputStream out = new BufferedOutputStream(Os);
            out.write(file.getBytes());
            out.flush();
            out.close();
        } catch (IOException e) {
            e.printStackTrace();
            return false;
        }

        return true;
    }

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,为了实现文件上传功能,需要几步操作: 1. 在 `pom.xml` 中添加文件上传所需的依赖,如 `commons-fileupload` 和 `commons-io` 2. 在 `application.properties` 中配置文件上传的相关参数,如文件上传路径 3. 在Controller 中添加上传文件的接口 4. 在service层添加上传文件的实现逻辑 具体实现过程如下: 1. 在 `pom.xml` 中添加文件上传所需的依赖,如下: ```xml <dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactId> <version>1.4</version> </dependency> <dependency> <groupId>commons-io</groupId> <artifactId>commons-io</artifactId> <version>2.8.0</version> </dependency> ``` 2. 在 `application.properties` 中配置文件上传的相关参数,如文件上传路径,如下: ``` file.upload-dir=D:\\file\\ ``` 3. 在Controller 中添加上传文件的接口,如下: ```java @Controller @RequestMapping("/file") public class FileUploadController { @Autowired private FileUploadService fileUploadService; @PostMapping("/upload") public String handleFileUpload(@RequestParam("file") MultipartFile file, RedirectAttributes redirectAttributes) { fileUploadService.uploadFile(file); redirectAttributes.addFlashAttribute("message", "You successfully uploaded " + file.getOriginalFilename() + "!"); return "redirect:/file/uploadStatus"; } @GetMapping("/uploadStatus") public String uploadStatus() { return "uploadStatus"; } } ``` 4. 在service层添加上传文件的实现逻辑,如下: ```java @Service public class FileUploadServiceImpl implements FileUploadService { @Value("${file.upload-dir}") private String UPLOAD_DIR;
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值