How to fix Multiple image upload problem in PHP 7.4?

ARIF — Thu, 04 Aug 2022 09:09:00 +0000

Here my html code:

`<form action="" method="POST" enctype="multipart/form-data">
                                <div class="input-group input-group-sm mb-3">
                                    <label class="col-md-4 col-form-label text-md-right">Catagory Name</label>
                                    <div class="col-md-6">
                                        <input type="text" class="form-control" name="catName" required>
                                    </div>
                                </div>

                                <div class="input-group input-group-sm mb-3">
                                    <label class="col-md-4 col-form-label text-md-right">Project Details</label>
                                    <div class="col-md-6">
                                        <input type="text" class="form-control" name="proDetails" required>
                                    </div>
                                </div>
                                <div class="input-group input-group-sm mb-3">
                                    <label class="col-md-4 col-form-label text-md-right">Project info</label>
                                    <div class="col-md-6">
                                        <input type="text" class="form-control" name="proDate"
                                            placeholder="Date of Project" required>
                                        <input type="text" class="form-control mt-3" name="proLocation"
                                            placeholder="Project Locaiton" required>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-md-4 col-form-label text-md-right">Project Frist Image
                                        Select</label>
                                    <div class="col-md-6">
                                        <input type="file" class="form-control" name="image1" autofocus required>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-md-4 col-form-label text-md-right">Project Second Image
                                        Select</label>
                                    <div class="col-md-6">
                                        <input type="file" class="form-control" name="image2" autofocus>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-md-4 col-form-label text-md-right">Project Third Image
                                        Select</label>
                                    <div class="col-md-6">
                                        <input type="file" class="form-control" name="image3" autofocus>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-md-4 col-form-label text-md-right">Project Fourth Image
                                        Select</label>
                                    <div class="col-md-6">
                                        <input type="file" class="form-control" name="image4" autofocus>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-md-4 col-form-label text-md-right">Project Fifth Image
                                        Select</label>
                                    <div class="col-md-6">
                                        <input type="file" class="form-control" name="image5" autofocus>
                                    </div>
                                </div>

                                <div class="col-md-6 offset-md-4">
                                    <button type="submit" name="submit" class="btn btn-info">
                                        Upload
                                    </button>
                                </div>
                        </div>
                        </form>`

here my php code :

if (isset($_POST['submit'])) {

    include("../database/db_connect.php");

    // Insert the data to the database 
    $catName = $_POST['catName'];
    $proDetails = $_POST['proDetails'];
    $proDate = $_POST['proDate'];
    $proLocation = $_POST['proLocation'];

    // all image name for php 
    $image1 = $_FILES['image1']['name'];
    $image2 = $_FILES['image2']['name'];
    $image3 = $_FILES['image3']['name'];
    $image4 = $_FILES['image4']['name'];
    $image5 = $_FILES['image5']['name'];


    // all images upload directory 
    $target_dir = "../assets/projects/";
    $target_file1 = $target_dir . basename($image1);
    $target_file2 = $target_dir . basename($image2);
    $target_file3 = $target_dir . basename($image3);
    $target_file4 = $target_dir . basename($image4);
    $target_file5 = $target_dir . basename($image5);

     // all images filetype here
     $imageFileType1 = strtolower(pathinfo($target_file1, PATHINFO_EXTENSION));
     $imageFileType2 = strtolower(pathinfo($target_file2, PATHINFO_EXTENSION));
     $imageFileType3 = strtolower(pathinfo($target_file3, PATHINFO_EXTENSION));
     $imageFileType4 = strtolower(pathinfo($target_file4, PATHINFO_EXTENSION));
     $imageFileType5 = strtolower(pathinfo($target_file5, PATHINFO_EXTENSION));

    // all images set extension 
    $extension1 = substr($image1, strlen($image1) - 4, strlen($image1));
    $extension2 = substr($image2, strlen($image2) - 4, strlen($image2));
    $extension3 = substr($image3, strlen($image3) - 4, strlen($image3));
    $extension4 = substr($image4, strlen($image4) - 4, strlen($image4));
    $extension5 = substr($image5, strlen($image5) - 4, strlen($image5));

    $allowed_extensions = array('.jpg', '.jpeg', '.png', '.gif');

    if ($_FILES['image1']['size'] > 302400 || $_FILES['image2']['size'] > 302400 || $_FILES['image3']['size'] > 302400 || $_FILES['image4']['size'] > 302400 || $_FILES['image5']['size'] > 302400) {
        echo "File is too large upload size is 300kb";
    } 

    else {
        if (!file_exists($target_file1)  || !file_exists($target_file2)  || !file_exists($target_file3)  || !file_exists($target_file4)  || !file_exists($target_file5)) {
             // move file in directory
             move_uploaded_file($_FILES['image1']['tmp_name'], $target_file1);
             // move file in directory
             move_uploaded_file($_FILES['image2']['tmp_name'], $target_file2);
             // move file in directory
             move_uploaded_file($_FILES['image3']['tmp_name'], $target_file3);
             // move file in directory
             move_uploaded_file($_FILES['image4']['tmp_name'], $target_file4);
             // move file in directory
             move_uploaded_file($_FILES['image5']['tmp_name'], $target_file5);

             $sql = "INSERT INTO `projects` (`cat_name`, `pro_details`, `pro_date`, `pro_location`, `pro_image_frist`, `pro_image_second`, `pro_image_third`, `pro_image_fourth`, `pro_image_fifth`) VALUES  ('$catName','$proDetails','$proDate','$proLocation','$target_file1','$target_file2','$target_file3','$target_file4','$target_file5')";
             $result = $conn->query($sql);

             if ($result) {
                 echo "Data successfully inserted in the database";
             }

             else{
                 echo "Data not inserted in the database";
             }
          }

          elseif (!in_array($extension1, $allowed_extensions) || !in_array($extension2, $allowed_extensions) || !in_array($extension3, $allowed_extensions) || !in_array($extension4, $allowed_extensions) || !in_array($extension5, $allowed_extensions)) {
           echo"One or more image is not valid for upload in database. Only supported image type is jpg, png ,jpeg ,gif";
        }

       else {
        echo"One or more file is already exists in database";
        }
    }
  }`

How to solve "Uncaught TypeError: Cannot read properties of undefined" in Javascript

ARIF — Fri, 01 Apr 2022 18:54:45 +0000

`// Search Chat
const searchMessage = () => {
const val = messageSearch.value.toLowerCase();
message.forEach(chat => {
let name = chat.querySelectorAll("h5").textContent.toLowerCase();
if (name.indexOf(val) != -1) {
chat.style.display = "flex";
} else {
chat.style.display = "none";
}
});
}

//Search Message
messageSearch.addEventListener("keyup", searchMessage);`

How to fix react js error "Cannot GET /" in local browser no server no webpack

ARIF — Fri, 11 Mar 2022 20:25:01 +0000

This application file is deleted but this application not deleted the menu?

ARIF — Sun, 27 Feb 2022 17:18:48 +0000

Anyone have a idea how to delete this application completely?
this application not showing the dpkg --list,then how i remove the application?

Can anyone help me why this error are show?

ARIF — Tue, 25 Jan 2022 14:16:49 +0000

`<?php
include_once "php/config.php";
$fname = mysqli_real_escape_string($conn, $_POST['fname']);
$lname = mysqli_real_escape_string($conn, $_POST['lname']);
$email = mysqli_real_escape_string($conn, $_POST['email']);
$password = mysqli_real_escape_string($conn, $_POST['password']);

if (!empty($fname) && !empty($lname) && !empty($email) && !empty($password)) {
    // lets users email valid or not 
    if (filter_var($email,FILTER_VALIDATE_EMAIL)) {

    }
    else{
      echo "$email + this is not a valid email";
    }
}
else{
    echo "All input fields are required";
}

?>const form = document.querySelector("#form");
const continueBtn = form.querySelector("#conBtn");

form.addEventListener("submit", (e) => {
e.preventDefault();//preventing form from submiting
});

continueBtn.addEventListener("click", () => {
// let's start Ajax
let xhr = new XMLHttpRequest();//creating xml object
xhr.open("POST", "php/signup.php", true);
xhr.onload = () => {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
let data = xhr.response;
console.log(data);
}
}
}
// we have to send the form data thourgh ajax to php
let formData = new FormData(form);//creating new formdata object
xhr.send(formData);//sending the form data to php
});`

DEV Community: ARIF

How to fix Multiple image upload problem in PHP 7.4?

How to solve "Uncaught TypeError: Cannot read properties of undefined" in Javascript

How to fix react js error "Cannot GET /" in local browser no server no webpack

This application file is deleted but this application not deleted the menu?

Can anyone help me why this error are show?