DEV Community

popoola Temitope
popoola Temitope

Posted on

Uploading file using html and php

uploading file in php

  • HTML Part
  • create a html form that contain the file upload input, Like the one one below.

    
    <!DOCTYPE html>
    <html>
    <body>
    
    <form action="upload.php" method="post" enctype="multipart/form-data">
      <label>Select image to upload:<label><br>
      <input type="file" name="fileName" id="">
      <input type="submit" value="Upload File" name="upload">
    </form>
    
    </body>
    </html>
    
    
    
    
    Enter fullscreen mode Exit fullscreen mode

    note: add enctype="multipart/form-data" to the form attribute, to specify the content-type



  • PHP Part

  • Create upload.php file and add the PHP code below to it.
    
    <?php
    
    if(isset($_POST["upload"])) {
    $image_dir = "image/"; //folder to store the file
    $image_file = $image_dir . basename($_FILES["fileName"]["name"]); //directory of the file with the file name
      if (($_FILES["fileName"]["size"] < 500000)&&($_FILES["fileName"]["size"] >0)) { //check if file is between 1kb and 50GB size
        if (move_uploaded_file($_FILES["fileName"]["tmp_name"], $image _file)) { // store the file on the server
          echo "file upload successful";
        } else {
          echo "there was an error uploading your file.";
        }
      } else {
        echo "file size is too small/big";
    
      }
    }
    ?>
    
    
    
    Enter fullscreen mode Exit fullscreen mode

    feel free to leave comment

    Top comments (0)