SpringMVC multipart文件上传详细教程之三：视图及运行结果

来源：互联网发布：小米任我行联通网络编辑：程序博客网时间：2024/06/07 15:35

在本demo中，有三个视图，分别是：
index.jsp：首页表单填写页面
IoError.jsp：抛出IOExcepiton时呈现给用户的界面
success.jsp：文件上传成功之后的提示页面。

index.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %><%@ taglib prefix="s" uri="http://www.springframework.org/tags" %><html><body><h2>Hello Multipart!</h2><form action="<s:url value="/upload"/>" method="post" enctype="multipart/form-data">    <label>选择您要上传的图片：</label>    <input type="file" name="image" accept="image/jpeg,image/png,image/gif"><br/>    <input type="submit" value="提交"></form></body></html>

在index.jsp中，需要注意的有两点：

一、form标签的enctype设置为了multipart/form-data，声明将要提交的是multipart形式的表单。
二、input标签的accept属性指定了接收的文件类型，这里有jpeg、png、gif，即常见图片。

ioError.jsp

<%--  Created by IntelliJ IDEA.  User: hp  Date: 2017/2/24  Time: 14:08  To change this template use File | Settings | File Templates.--%><%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head>    <title>IoExcepitonPage</title></head><body>        <h1>程序抛出了IOException，保存文件时出错，可能是目录没找到</h1></body></html>

通过修改和美化该视图，能够给用户更加友好的提示。

success.jsp

<%--  Created by IntelliJ IDEA.  User: hp  Date: 2017/2/24  Time: 14:13  To change this template use File | Settings | File Templates.--%><%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head>    <title>Upload Success Page</title></head><body>    <h1>图片上传成功</h1></body></html>

提示用户，文件上传成功。

到此，SpringMVC文件上传项目完成，完整源码已上传Github，克隆地址在SpringMVC multipart文件上传详细教程之一：项目概述及基本配置，欢迎克隆。
上一篇： SpringMVC multipart文件上传详细教程之二：控制器的编写及异常处理

1 0