html表单结合php实现上传文件功能并且监控文件上传的进度

最新推荐文章于 2023-12-17 20:56:35 发布

F2E前端爱好者

最新推荐文章于 2023-12-17 20:56:35 发布

阅读量1.9k

点赞数

本文链接：https://blog.csdn.net/laike1355/article/details/50858027

版权

html代码

<html>
<body>

<form action="upload_file.php" method="post"
enctype="multipart/form-data">
<label for="file">Filename:</label>
<input type="file" name="file" id="file" /> 
<br />
<input type="submit" name="submit" value="Submit" />
</form>

</body>
</html>

php上传脚本代码

<?php
   //本地测试需要模拟文件上传进度所以我们队脚本进行延迟执行
   sleep(2);
    //文件类型限制
    if ((($_FILES["file"]["type"] == "image/gif")
    || ($_FILES["file"]["type"] == "image/jpeg")
    || ($_FILES["file"]["type"] == "image/pjpeg"))
    && ($_FILES["file"]["size"] < 20000))
      {
      if ($_FILES["file"]["error"] > 0)
        {
        echo "Return Code: " . $_FILES["file"]["error"] . "<br />";
        }
      else
        {
        //输出文件相关信息
        echo "Upload: " . $_FILES["file"]["name"] . "<br />";
        echo "Type: " . $_FILES["file"]["type"] . "<br />";
        echo "Size: " . ($_FILES["file"]["size"] / 1024) . " Kb<br />";
        echo "Temp file: " . $_FILES["file"]["tmp_name"] . "<br />";
        //如果目录下面不存在某个文件 那么把临时文件保存到这个目录 move_uploaded_file() 返回true 后者false 表示文件移动成功或者失败！
        if (file_exists("upload/" . $_FILES["file"]["name"]))
          {
          echo $_FILES["file"]["name"] . " already exists. ";
          }
        else
          {
          move_uploaded_file($_FILES["file"]["tmp_name"],
          "upload/" . $_FILES["file"]["name"]);
          echo "Stored in: " . "upload/" . $_FILES["file"]["name"];
          }
        }
      }
    else
      {
      echo "Invalid file";
      }

?>

Javascript 原生代码

F2E前端爱好者

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
html表单结合php实现上传文件功能并且监控文件上传的进度

html代码<html><body><form action="upload_file.php" method="post"enctype="multipart/form-data"><label for="file">Filename:</label><input type="file" name="file" id="file" /> <br /><input type="submi
复制链接

扫一扫