html上传图片

作者：思念的回忆发布日期:2025-07-15 浏览:51

<!DOCTYPE html>
<html>
<head>
    <title>HTML 上传图片示例</title>
</head>
<body>
    <h2>上传图片</h2>
    <form action="/upload" method="post" enctype="multipart/form-data">
        <!-- 创建一个文件输入框，用户可以选择要上传的图片 -->
        <input type="file" name="image" accept="image/*">
        <br><br>
        <!-- 提交按钮，用于提交表单 -->
        <input type="submit" value="上传图片">
    </form>
</body>
</html>

解释说明：

<form> 标签：创建了一个表单，用于将用户选择的图片发送到服务器。action="/upload" 指定了表单数据提交的目标 URL，method="post" 表示使用 POST 方法提交数据，enctype="multipart/form-data" 是必须的，因为文件上传需要使用这种编码类型。
<input type="file">：创建了一个文件输入框，允许用户选择要上传的图片。accept="image/*" 限制了用户只能选择图片文件。
<input type="submit">：创建了一个提交按钮，用户点击后会将表单数据（即选中的图片）提交到服务器。
/upload：这是表单提交的目标 URL，实际应用中你需要在服务器端实现这个路由来处理上传的图片。

上一篇：html 行间距

下一篇：用html设计一个网页