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;
?>
0 Comments:
Post a Comment