上传文件(Uploading Files)

创建可以接收HTTP多部分文件上传的服务器应用程序

你会建立什么

您将创建一个接受文件上传的Spring Boot Web应用程序。您还将构建一个简单的HTML界面来上传测试文件。

环境依赖

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

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

创建一个应用程序类

要开始一个Spring Boot MVC应用程序,我们首先需要一个启动器; 这里,spring-boot-starter-thymeleafspring-boot-starter-web已经被添加为依赖。要使用Servlet容器上传文件,您需要注册一个MultipartConfigElement类(它是web.xml中的<multipart-config>)。感谢Spring Boot,一切都为您自动配置!

作为自动配置Spring MVC的一部分,Spring Boot将创建一个MultipartConfigElement bean并为文件上传做好准备。

创建一个文件上传控制器

初始应用程序已经包含几个类来处理在磁盘上存储和加载上传的文件; 它们都在hello.storage包。将在FileUploadController中使用它们。

src/main/java/hello/FileUploadController.java

这个类被@Controller注释,所以Spring MVC能获得它并找到路由。每个方法都标记为@GetMapping或@PostMapping,为了将路径和HTTP操作绑定到一个特定的控制器操作。

在这个例子中:

GET /:从StorageService中,获取上传的文件的当前列表,并将其加载到Thymeleaf模板中。使用MvcUriComponentsBuilder,它计算一个到实际资源的链接

GET /files/{filename}:如果资源存在,则加载资源;并使用"Content-Disposition"响应标头,将其发送到浏览器进行下载

POST /:处理一个多部分的消息file,并将其交给StorageService以保存

为了控制器与存储层交互,您需要StorageService。

src/main/java/hello/storage/StorageService.java

创建一个简单的HTML模板

src/main/resources/templates/uploadForm.html

这个模板有三个部分:

顶部的Spring MVC写闪存范围消息的可选消息

允许用户上传文件的表单

从后端提供的文件列表

调整文件上传限制

配置文件上传时,通常对文件大小设置限制。想象一下,试图处理5GB文件上传!我们可以调整它的自动配置MultipartConfigElement的一些属性设置

src/main/resources/application.properties

spring.http.multipart.max-file-size=128KB,文件总大小不能超过128KB。

spring.http.multipart.max-request-size=128KB,一个multipart/form-data的总请求大小不能超过128KB。

您还需要一个目标文件夹来上传文件,因此我们来增强基本Application类并添加一个Boot CommandLineRunner,它将在启动时删除并重新创建该文件夹:

src/main/java/hello/Application.java

这将运行接收文件上传的服务器端部分。日志输出显示。

在服务器运行时,您需要打开浏览器并访问 http://localhost:8080/  以查看上载表单。

测试你的应用

有多种方法可以在我们的应用程序中测试这个特定的功能。这是一个利用MockMvc的例子,所以它不需要启动Servlet容器:

src/test/java/hello/FileUploadTests.java

在这些测试中,我们使用各种模拟来设置与控制器和StorageService的交互,同时使用MockMultipartFile来与Servlet容器本身进行交互。

集成测试的一个例子,请查看FileUploadIntegrationTests类。

概要

恭喜!您刚刚编写了一个使用Spring处理文件上传的Web应用程序。

参考资料:Uploading Files

源码:https://gitee.com/SevenDayBabyface/demo

转载于:https://www.cnblogs.com/xsj891107/p/8459642.html

依赖的文件: tomahawk-1.1.3.jar commons-fileupload-1.2.jar commons-io-1.3.1.jar Tomahawk.tld 把这个三个包放在/WEB_INF/lib目录下面。Jsf依赖的包也放在这个目录下面 Tomahawk.tld放在/WEB-INF目录下。Jsf标签也放在这个目录下面。 这个主要讲jsf上传文件,因此只罗列了上传文件用到的包和标签。 Web-xml文件如下: <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN" "http://java.sun.com/dtd/web-app_2_3.dtd"> <web-app> <context-param> <param-name>javax.faces.STATE_SAVING_METHOD</param-name> <param-value>client</param-value> </context-param> <!-- Context Listener creates and sets the application handler --> <!-- Faces Servlet --> <servlet> <servlet-name>Faces Servlet</servlet-name> <servlet-class>javax.faces.webapp.FacesServlet</servlet-class> <load-on-startup>1</load-on-startup> </servlet> <!-- Faces Servlet Mapping --> <servlet-mapping> <servlet-name>Faces Servlet</servlet-name> <url-pattern>*.jsf</url-pattern> </servlet-mapping> <filter> <filter-name>ExtensionsFilter</filter-name> <filter-class> org.apache.myfaces.component.html.util.ExtensionsFilter </filter-class> <init-param> <param-name>uploadMaxFileSize</param-name> <param-value>10m</param-value> </init-param> <init-param> <param-name>uploadThresholdSize</param-name> <param-value>100k</param-value> </init-param> </filter> <filter-mapping> <filter-name>ExtensionsFilter</filter-name> <!—要和<servlet-mapping>中的<servlet-name>一致--> <servlet-name>Faces Servlet</servlet-name> </filter-mapping> <welcome-file-list> <welcome-file>index.html</welcome-file> </welcome-file-list> </web-app> 上传文件的页面如下: <%@ include file="tags.jsp"%> <f:view> <h:form id="MyForm" enctype="multipart/form-data" > <h:messages globalOnly="true" styleClass="message"/> <h:panelGrid columns="3" border="0" cellspacing="5"> <h:outputLabel for="myFileId" value="File: "/> <x:inputFileUpload id="myFileId" value="#{myBean.myFile}" storage="file" required="true"/> <h:message for="myFileId"/> <h:outputLabel for="myParamId" value="Param: "/> <h:selectOneMenu id="myParamId" value="#{myBean.myParam}" required="true"> <f:selectItem itemLabel="" itemValue=""/> <f:selectItem itemLabel="MD5" itemValue="MD5"/> <f:selectItem itemLabel="SHA-1" itemValue="SHA-1"/> <f:selectItem itemLabel="SHA-256" itemValue="SHA-256"/> <f:selectItem itemLabel="SHA-384" itemValue="SHA-384"/> <f:selectItem itemLabel="SHA-512" itemValue="SHA-512"/> </h:selectOneMenu> <h:message for="myParamId"/> <h:outputText value=" "/> <h:commandButton value="Submit" action="#{myBean.processMyFile}"/> <h:outputText value=" "/> </h:panelGrid> </h:form> </f:view> 其中tags.jsp文件如下: <%@ page language="java" pageEncoding="GB18030"%> <%@ page contentType="text/html" %> <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %> <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %> <%@ taglib uri="http://java.sun.com/jstl/core" prefix="c" %> <%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="x"%> Faces-config.xml文件如下: <faces-config> <managed-bean> <managed-bean-name>myBean</managed-bean-name> <managed-bean-class> fileupload.MyBean </managed-bean-class> <managed-bean-scope>request</managed-bean-scope> </managed-bean> </faces-config> MyBean如下: package com.dhc; import java.io.BufferedInputStream; import java.io.FileOutputStream; import java.io.InputStream; import javax.faces.application.FacesMessage; import javax.faces.context.FacesContext; import org.apache.myfaces.custom.fileupload.UploadedFile; public class oaMailMainForm { private UploadedFile myFile; public UploadedFile getMyFile() { return myFile; } public void setMyFile(UploadedFile myFile) { this.myFile = myFile; } public String uploadedfile() { System.out.println("Entry"); try { InputStream in = new BufferedInputStream(myFile.getInputStream()); try { byte[] buffer = new byte[64 * 1024]; FileOutputStream fileOutputStream = new FileOutputStream( "C:\\My Files\\tst.jpg");// 这里可以把上传的文件写服务器目录,或者数据库中 while (in.read(buffer) > 0) { fileOutputStream.write(buffer); } } finally { in.close(); } System.out.println("End"); return "success"; } catch (Exception x) { System.out.print("Exception"); FacesMessage message = new FacesMessage( FacesMessage.SEVERITY_FATAL, x.getClass().getName(), x .getMessage()); FacesContext.getCurrentInstance().addMessage(null, message); return null; } } } 参考文献:http://www.blogjava.net/cooky/archive/2007/10/02/150176.html http://blog.csdn.net/meteorlWJ/archive/2008/01/09/2032505.aspx http://tml808.javaeye.com/blog/166853
Uniapp提供了uni.uploadFile() API来实现文件上传功能,可以将本地文件上传到服务器。具体步骤如下: 1. 在页面中引入uni.uploadFile() API,可以在script标签中添加以下代码: ``` import uni from '@/common/js/uni.js'; ``` 2. 在需要上传文件方法中,调用uni.uploadFile() API。例如: ``` uploadFile() { uni.chooseImage({ success: (chooseImageRes) => { uni.uploadFile({ url: 'http://your-domain.com/upload', // 上传文件的接口地址 filePath: chooseImageRes.tempFilePaths[0], // 选择的文件路径 name: 'file', // 上传到服务器的文件名称,可自定义 success: (uploadFileRes) => { console.log(uploadFileRes.data); } }); } }); } ``` 其中,uni.chooseImage() API用于选择本地文件,uni.uploadFile() API用于上传文件。在上传文件时,需要传递以下参数: - url:上传文件的接口地址; - filePath:选择的文件路径; - name:上传到服务器的文件名称,可自定义; - success:上传成功后的回调函数。 注意:在使用uni.uploadFile() API上传文件时,需要在服务器端进行相应的处理,例如PHP代码如下: ``` <?php $targetDir = "uploads/"; $targetFile = $targetDir . basename($_FILES["file"]["name"]); if (move_uploaded_file($_FILES["file"]["tmp_name"], $targetFile)) { echo "The file has been uploaded."; } else { echo "Sorry, there was an error uploading your file."; } ?> ``` 其中,$targetDir为上传文件的目录,move_uploaded_file()函数用于将临时文件移动到指定目录下。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值