html input 怎么上传照片并存储

要实现在 HTML 中上传照片并将其存储，可以通过以下步骤完成：

1. 在 HTML 表单中添加一个类型为 "file" 的 input 元素：

   <form action="upload.php" method="POST" enctype="multipart/form-data">
     <input type="file" name="photo" accept="image/*">
     <input type="submit" value="上传">
   </form>
   

2. 创建一个服务器端的脚本（比如 PHP），来处理上传的文件并将其存储在服务器上。在上面的例子中，表单的 action 属性指向 upload.php 文件。在 upload.php 文件中，可以使用 move_uploaded_file() 函数将上传的文件保存到指定位置：

   <?php
   $targetDir = "uploads/";
   $targetFile = $targetDir . basename($_FILES["photo"]["name"]);
   $uploadOk = 1;
   $imageFileType = strtolower(pathinfo($targetFile, PATHINFO_EXTENSION));
   
   // 检查文件是否为真正的图像文件
   if(isset($_POST["submit"])) {
     $check = getimagesize($_FILES["photo"]["tmp_name"]);
     if($check !== false) {
       $uploadOk = 1;
     } else {
       $uploadOk = 0;
     }
   }
   
   // 检查文件是否已经存在
   if (file_exists($targetFile)) {
     $uploadOk = 0;
   }
   
   // 检查文件大小
   if ($_FILES["photo"]["size"] > 500000) {
     $uploadOk = 0;
   }
   
   // 检查文件类型
   if ($imageFileType != "jpg" && $imageFileType != "png" && $imageFileType != "jpeg" && $imageFileType != "gif") {
     $uploadOk = 0;
   }
   
   // 检查是否存在上传错误
   if ($uploadOk == 0) {
     echo "上传失败";
   } else {
     if (move_uploaded_file($_FILES["photo"]["tmp_name"], $targetFile)) {
       echo "文件已上传并存储为：" . $targetFile;
     } else {
       echo "上传失败";
     }
   }
   ?>
   

3. 上述 PHP 脚本将上传的文件存储在 "uploads/" 目录下，并根据上传的文件名进行重命名。可以根据需要更改存储位置和重命名规则。

以上就是实现在 HTML 中上传照片并存储的基本步骤。可以根据具体需求进行修改和扩展