文件上传与预览-优快云博客

本文链接：https://blog.youkuaiyun.com/zbwroom/article/details/77444547

<html> 
<head>
  <meta charset="utf-8"> <title>文件上传</title>
  <script type="text/javascript" src="jquery/jquery-1.9.0.js"></script> 
</head>
<body>
    <form action="upload.php" method="post" enctype="multipart/form-data">
        <div>
            <img src="" alt="" style="width: 200px;height: 200px" id="showImg"> 
        </div>
        <div>
            <label for="file">文件名：</label>
            <input type="file" name="file" id="file"> <script type="text/javascript">
            // 图片预览
            $('#file').change(function() {
            $("#showImg").attr("src", window.URL.createObjectURL(this.files[0]));
            }); </script>
        </div> 
        <div>
            <label for="info">描述：</label>
            <input type="text" name="info" id="info"> 
        </div>
        <input type="submit" name="submit" value="提交"> 
    </form>
</body> 
</html>

<?php
    echo "<pre>";
    print_r($_POST); print_r($_FILES); echo "</pre>"; echo "<hr>";
    if ($_FILES["file"]["error"] > 0){
        echo "错误：" . $_FILES["file"]["error"] . "<br>";
    }else{
        echo "上传文件名: " . $_FILES["file"]["name"] . "<br>";
        echo "文件类型: " . $_FILES["file"]["type"] . "<br>";
        echo "文件大小: " . ($_FILES["file"]["size"] / 1024) . " kB<br>";
        echo "文件临时存储的位置: " . $_FILES["file"]["tmp_name"]."<br>"; $ext = explode(".", $_FILES["file"]["name"]);
        echo "文件后缀: " . end($ext);
        //判断当期目录下的 upload 目录是否存在该文件
        //如果没有 upload 目录，你需要创建它，upload 目录权限为 777
        if (file_exists("upload/" . $_FILES["file"]["name"])){
            echo $_FILES["file"]["name"] . " 文件已经存在。 ";
        }else{
            // 如果 upload 目录不存在该文件则将文件上传到 upload 目录下（需要目录的完全可读权限） move_uploaded_file($_FILES["file"]["tmp_name"], "upload/" . $_FILES["file"]["name"]); echo "文件存储在: " . "upload/" . $_FILES["file"]["name"];
        }
    }

php文件上传