|
|
|
@ -1,16 +1,34 @@
|
|
|
|
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
|
|
|
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
|
|
|
|
|
|
|
<!-- 这是JSP页面的指令，用于设置当前页面响应给客户端的内容类型为text/html（即HTML格式），
|
|
|
|
|
|
|
|
同时指定字符编码为UTF-8，以确保能够正确处理和显示各种字符（包括中文等），
|
|
|
|
|
|
|
|
并且表明这个JSP页面使用Java语言来编写相关的后台逻辑（如果有的话） -->
|
|
|
|
<html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<head>
|
|
|
|
<title>文件上传</title>
|
|
|
|
<title>文件上传</title>
|
|
|
|
|
|
|
|
<!-- 设置页面的标题为“文件上传”，这个标题会显示在浏览器窗口的标题栏位置，方便用户识别页面的主要功能 -->
|
|
|
|
</head>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<body>
|
|
|
|
<h1>文件上传</h1>
|
|
|
|
<h1>文件上传</h1>
|
|
|
|
|
|
|
|
<!-- 在页面的主体部分（<body>标签内）添加一个一级标题“文件上传”，
|
|
|
|
|
|
|
|
用于在页面上直观地向用户展示该页面的核心用途，起到提示说明的作用 -->
|
|
|
|
|
|
|
|
|
|
|
|
<form action="message.jsp" method="post" enctype="multipart/form-data">
|
|
|
|
<form action="message.jsp" method="post" enctype="multipart/form-data">
|
|
|
|
选择一个文件:
|
|
|
|
<!-- 创建一个HTML表单（<form>标签），用于收集用户输入的数据并将其提交给服务器：
|
|
|
|
<input type="file" name="uploadFile"/>
|
|
|
|
- action属性指定了表单提交后数据要发送到的目标页面，在这里是message.jsp页面，
|
|
|
|
<br/><br/>
|
|
|
|
意味着当用户点击提交按钮后，表单数据会被传送到message.jsp进行后续处理；
|
|
|
|
<input type="submit" value="上传"/>
|
|
|
|
- method属性设置为“post”，表明使用POST方法来提交表单数据。POST方法常用于提交较大量的数据，
|
|
|
|
</form>
|
|
|
|
比如文件上传场景，它会将数据放在请求体中发送给服务器，相对比较安全，并且对数据长度限制相对宽松；
|
|
|
|
|
|
|
|
- enctype属性设置为“multipart/form-data”，这是一种特殊的编码类型，专门用于支持在表单中包含文件类型的输入字段，
|
|
|
|
|
|
|
|
使得浏览器能够正确地将文件数据和其他表单数据一起打包发送给服务器 -->
|
|
|
|
|
|
|
|
选择一个文件:
|
|
|
|
|
|
|
|
<input type="file" name="uploadFile"/>
|
|
|
|
|
|
|
|
<!-- 创建一个类型为“file”的HTML输入框（<input>标签），用于让用户从本地计算机选择一个文件。
|
|
|
|
|
|
|
|
同时，给这个文件输入框指定了名称为“uploadFile”，在服务器端接收表单数据时，可以通过这个名称来获取对应的文件信息 -->
|
|
|
|
|
|
|
|
<br/><br/>
|
|
|
|
|
|
|
|
<input type="submit" value="上传"/>
|
|
|
|
|
|
|
|
<!-- 创建一个类型为“submit”的HTML输入框（<input>标签），它会在页面上显示为一个按钮，按钮上的文字为“上传”。
|
|
|
|
|
|
|
|
当用户点击这个按钮时，就会触发表单的提交操作，将前面选择的文件（通过<input type="file">选择的）以及其他表单字段（如果有的话）
|
|
|
|
|
|
|
|
按照<form>标签中设置的action、method和enctype等属性发送给服务器 -->
|
|
|
|
|
|
|
|
</form>
|
|
|
|
</body>
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|
|
</html>
|
