Tuesday, April 14, 2020

Multiple Image Upload In PHP With Database


This article will help you to learn about how to upload multiple images in PHP for your website you can also check out "store image in database", "upload image in PHP code", " upload file in PHP", "upload file in PHP with ajax", "image upload in PHP" and many more In Computerinhindi. 


Create HTML Form For Upload Multiple Images In PHP


Create a <form >.

इसमें एक फ़ाइल तत्व और एक बटन जोड़ें।

multiple फ़ाइल चयन को सक्षम करने के लिए ऐरे प्रकार (name='files[]') के रूप में कई गुण और name जोड़े।

सफलतापूर्वक अपलोड करने के बाद jQuery AJAX का उपयोग करके छवि पूर्वावलोकन दिखाने के लिए <div id='preview'> का उपयोग करें।



Code For Upload Multiple Images In PHP


<style type="text/css">
#preview img{
   margin: 5px;
}
</style>
<form method='post' action='' enctype="multipart/form-data">
   <input type="file" id='files' name="files[]" multiple><br>
   <input type="button" id="submit" value='Upload'>
</form>

<!-- Preview -->
<div id='preview'></div>


Script For Upload Multiple Images In PHP


अपलोड बटन पर क्लिक करें FormData() ऑब्जेक्ट बनाएं और कुल फ़ाइलों का चयन करें।

चयनित फ़ाइलों पर लूप और form_dataमें संलग्न करें।

AJAX POST अनुरोध को ajaxfile.php पर भेजें। data के रूप में form_data पास करें, dataType: 'json', contentType: false, और processData: false

AJAX के सफल होने पर फाइल पाथ प्राप्त करने के लिए प्रतिक्रिया पर कॉलबैक लूप।

<div id='preview' > में <img > एलिमेंट को जोड़ें जहाँ img src विशेषता में src वैरिएबल का उपयोग करें।

Related Article: - Php Login Form And Registration Form | Php Code Example  


 Code For Upload Multiple Images In PHP




$(document).ready(function(){

$('#submit').click(function(){

   var form_data = new FormData();

   // Read selected files
   var totalfiles = document.getElementById('files').files.length;
   for (var index = 0; index < totalfiles; index++) {
      form_data.append("files[]", document.getElementById('files').files[index]);
   }

   // AJAX request
   $.ajax({
     url: 'ajaxfile.php', 
     type: 'post',
     data: form_data,
     dataType: 'json',
     contentType: false,
     processData: false,
     success: function (response) {

       for(var index = 0; index < response.length; index++) {
         var src = response[index];

         // Add img element in <div id='preview'>
         $('#preview').append('<img src="'+src+'" width="200px;" height="200px">');
       }

     }
   });

});

});



PHP Code For Upload Multiple Images In PHP


फ़ाइलों को संग्रहीत करने के लिए ajaxfile.php फ़ाइल और uploads निर्देशिका बनाता है।

कुल फ़ाइलों की गणना करें, $upload_locationपर अपलोड स्थान निर्दिष्ट करें, और फ़ाइल अपलोड होने के बाद फ़ाइल पथ को संग्रहीत करने के लिए $files_arr सरणी बनाएँ।

फाइलों पर लूप।

मान्य छवि एक्सटेंशन के साथ $valid_ext सरणी प्रारंभ करें।

जाँच करें कि क्या फ़ाइल एक्सटेंशन  $valid_ext  में मौजूद है। यदि मौजूद है तो फ़ाइल अपलोड करें और $files_arr सरणी को $path से आरंभ करें।

छवि पूर्वावलोकन के लिए JSON प्रारूप में $files_arr लौटें।

 Code For Upload Multiple Images In PHP

<?php
// Count total files
$countfiles = count($_FILES['files']['name']);

// Upload directory
$upload_location = "uploads/";

// To store uploaded files path
$files_arr = array();

// Loop all files
for($index = 0;$index < $countfiles;$index++){

   // File name
   $filename = $_FILES['files']['name'][$index];

   // Get extension
   $ext = pathinfo($filename, PATHINFO_EXTENSION);

   // Valid image extension
   $valid_ext = array("png","jpeg","jpg");

   // Check extension
   if(in_array($ext, $valid_ext)){

     // File path
     $path = $upload_location.$filename;

     // Upload file
     if(move_uploaded_file($_FILES['files']['tmp_name'][$index],$path)){
        $files_arr[] = $path;
     }
   }

}

echo json_encode($files_arr);
die;
?> 

Related Article : - How To Image Upload In Php

0 Comments:

Post a Comment