html上传文件

作者：刃起风啸凌发布日期:2026-01-23 浏览:82

<!DOCTYPE html>
<html>
<head>
    <title>HTML 文件上传</title>
</head>
<body>
    <h2>上传文件示例</h2>
    <form action="/upload" method="post" enctype="multipart/form-data">
        选择文件:
        <input type="file" name="fileToUpload" id="fileToUpload">
        <br><br>
        <input type="submit" value="上传文件" name="submit">
    </form>
</body>
</html>

解释说明：

<form> 标签：用于创建一个表单，用户可以通过这个表单提交数据。属性 action="/upload" 指定了表单提交的目标 URL（即服务器端处理上传文件的脚本地址），method="post" 表示使用 POST 方法提交数据，enctype="multipart/form-data" 是必须设置的属性，表示表单数据将被编码为多部分格式，这是上传文件所必需的。
<input type="file">：这是一个文件输入框，允许用户从本地选择文件进行上传。name="fileToUpload" 是该文件字段的名称，服务器端会根据这个名字来获取上传的文件。
<input type="submit">：这是一个提交按钮，点击后会将表单中的数据提交到指定的 URL。

/upload：这是表单提交的目标 URL，你需要在服务器端编写相应的代码来处理上传的文件。例如，在 Python 的 Flask 框架中，你可以编写如下的路由来处理文件上传：

from flask import Flask, request

app = Flask(__name__)

@app.route('/upload', methods=['POST'])
def upload_file():
    if 'fileToUpload' not in request.files:
        return "No file part"
    file = request.files['fileToUpload']
    if file.filename == '':
        return "No selected file"
    if file:
        file.save("/path/to/save/" + file.filename)
        return "File uploaded successfully"

if __name__ == '__main__':
    app.run(debug=True)

以上代码展示了如何在 HTML 中实现文件上传功能，并简要介绍了如何在服务器端处理上传的文件。

上一篇：html 列表

下一篇：如何打开网页的html