skip to Main Content

PHP में View, एडिट और डिलीट के साथ मल्टीपल इमेज कैसे अपलोड करे ?

एक साथ कई images अपलोड करें सर्वर पर बड़ी संख्या में images अपलोड करने में लगने वाले समय को कम करने में मदद करता है। यह एक-के-बाद-एक के बजाय एक से अधिक images सर्वर पर अपलोड करने का एक उपयोगकर्ता-अनुकूल तरीका प्रदान करता है। वेब एप्लिकेशन पर dynamic gallery management section के लिए एक से अधिक फोटो अपलोड कार्यक्षमता बहुत उपयोगी है। यह product management section के लिए भी बहुत उपयोगी है जहां प्रत्येक product के लिए कई images को अपलोड करने की आवश्यकता होती है।

कई images को PHP का उपयोग करके एक क्लिक पर अपलोड किया जा सकता है। न केवल images, बल्कि आप PHP और MySQL का उपयोग करके images को डेटा सर्वर पर अपलोड कर सकते हैं। इस ट्यूटोरियल में, हम आपको दिखाएंगे कि PHP और MySQL के साथ multiple images and manage (view, एडिट और डिलीट) डेटा कैसे अपलोड करें।

Example script में, हम एक गैलरी management system को implement करेंगे जिसमें multiple images PHP और MySQL का उपयोग करेंगे।

  1. वेब साइट पर डेटाबेस और list से गैलरी जानकारी प्राप्त करें।
  2. सर्वर पर multiple images अपलोड करें और डेटाबेस में फ़ॉर्म डेटा जोड़ें।
  3. multiple images के साथ गैलरी देखें।
  4. multiple images को Edit और अपडेट करें।
  5. गैलरी और multiple images को हटा दें।

Start करने से पहले, multiple images upload management script  की files structure पर एक नज़र डालें।

Create Database Table

गैलरी और images फ़ाइलों की जानकारी store करने के लिए डेटाबेस में दो tables को बनाने की आवश्यकता है।

  • निम्न SQL MySQL डेटाबेस में कुछ basic fields के साथ एक गैलरी tables बनाता है।
  • निम्न SQL MySQL डेटाबेस में parent gallery identifier field (gallery_id) के साथ एक gallery_images tables बनाता है।

Database Class (DB.class.php)

DB class से जुड़े सभी operations  (connect, insert, update, and delete) को हैंडल करता है। database host ($dbHost), username ($dbUsername), password ($dbPassword), and name ($dbName) को अपने MySQL database credentials के अनुसार।

  • __construct() – PHP और MySQLi Extension के साथ डेटाबेस से कनेक्ट करें
  • getRows() –
    • specified शर्तों के आधार पर डेटाबेस से images के साथ गैलरी को प्राप्त करें।
    • यदि single row requested किया गया है, तो सभी respective images वाले गैलरी डेटा वापस आ जाते हैं। अन्यथा, गैलरी डेटा के साथ केवल एक image वापस आ जाती है|
  • getImgRow() –specified ID के आधार पर डेटाबेस से image को डेटा प्राप्त करें.
  • insert() – डेटाबेस में गैलरी को डेटा डालें.
  • insertImage() – डेटाबेस में गैलरी Image को submit करें.
  • update() – डेटाबेस में गैलरी डेटा को अपडेट करें.
  • delete() – डेटाबेस से गैलरी को डेटा हटाएं.
  • deleteImage() – डेटाबेस से specific gallery को Image हटाएं.

Bootstrap Library

Bootstrap 4 library का प्रयोग table, list, form fields और लिंक को डिज़ाइन करने के लिए उपयोग किया जाता है। तो, Bootstrap library की css फ़ाइल को submit करें। यदि आप Bootstrap का उपयोग नहीं करना चाहते हैं, तो इसे submit ना करे।

Gallery List (index.php)

प्रारंभ में, सभी गैलरी डेटा डेटाबेस से पुनर्प्राप्त किए जाते हैं और बटनों को देखने, जोड़ने, संपादित करने और हटाने के साथ एक सारणीबद्ध दृश्य में सूचीबद्ध होते हैं।

  • View link गैलरी की images को देखने की अनुमति देता है।
  • Add link कई images के साथ गैलरी जानकारी अपलोड करने की अनुमति देता है।
  • Edit link गैलरी जानकारी को Edit  करने और गैलरी से images को अपलोड / हटाने की अनुमति देता है।
  • Delete link डेटाबेस से गैलरी और images को हटाने की अनुमति देता है।
  • Status badge (Active/Inactive) गैलरी की visibility को नियंत्रित करने की अनुमति देता है।

Delete Gallery Images via AJAX

View.php और addEdit.php फ़ाइलों में, images हटाता कार्यक्षमता एकीकृत(the image deletes functionality is integrated) है। JQuery का उपयोग Ajax के माध्यम से गैलरी से images को हटाने के लिए किया जाता है।

jQuery library का उपयोग वहा पर किया जाता है, जहा पर हमें image या फोटो को delete करने की functionality देना हों ।

DeleteImage ()function गैलरी से image को हटाने के लिए AJAX को request आरंभ करता है।

  • PostAction.php फ़ाइल में फ़ाइल ID को पोस्ट करें।
  • specified image को डेटाबेस से हटा दी गई है और element वेब पेज से हटा दिया गया है।

Display Multiple Images with Gallery Info (view.php)

View.php फ़ाइल में, गैलरी जानकारी प्रदर्शित होती है।

  • गैलरी से सभी images को Delete link के साथ listed किया गया है।
  • एक बार जब डिलीट बटन पर क्लिक किया जाता है, तो डिलीट deleteImage() function चालू हो जाता है और संबंधित इमेज को PHP से jQuery Ajax के माध्यम से गैलरी से हटा दिया जाता है।

Multiple Image Upload and Data Add/Edit Form (addEdit.php)

AddEdit.php फ़ाइल में HTML फॉर्म होता है जो उपयोगकर्ता को multiple image फ़ाइलों का चयन करने और गैलरी का नाम प्रदान करने की अनुमति देता है।

  • प्रारंभ में, submitted डेटा को PHP स्क्रिप्ट (postAction.php) में multiple image को अपलोड करने और डेटाबेस में फ़ॉर्म डेटा डालने के लिए प्रस्तुत किया जाता है।
  • यदि URL पर ID पैरामीटर मौजूद है,
    • मौजूदा गैलरी डेटा डेटाबेस से पुनर्प्राप्त किया जाएगा।
    • डेटा इनपुट फ़ील्ड में पहले से भरा हुआ है और फ़ाइल अपलोड फ़ील्ड के तहत images सूचीबद्ध हैं.
    • डेटाबेस में मौजूदा रिकॉर्ड को अपडेट करने और सर्वर पर नई images अपलोड करने के लिए डेटा को PHP script (postAction.php) पर सबमिट किया जाता है।

Upload Multiple Images, Add, Edit, and Delete Records (postAction.php)

यह फ़ाइल PHP और MySQL का उपयोग कर कई फाइलों को अपलोड और add, edit, & delete करती है।

1. Add / Edit Form Submit:

  • submitted form डेटा को empty field value की जाँच करने के लिए validated किया गया है।
  • DB class के insert() और update() methods का इस्तेमाल डेटाबेस में गैलरी डेटा जोड़ने / अपडेट करने के लिए किया जाता है।
  • PHP में pathinfo () function का उपयोग करके फ़ाइलों के extension की जांच करें और उन्हें validate करें।
  • PHP में Move_uploaded_file () function का उपयोग करके multiple images को सर्वर पर अपलोड करें।
  • Database में अपलोड की गई फ़ाइल के नाम और gallery ID को DB class के insertImage() method का उपयोग करके डालें।

2. Inactive Gallery (action_type => block):

  • Database में गैलरी की स्थिति को अपडेट और सेट करें।
  • DB class के update() method का उपयोग डेटाबेस में status field value को अपडेट करने के लिए किया जाता है।

3. Activate Gallery (action_type => unblock):

  • Database में गैलरी की status को 1 पर Update करें और सेट करें।
  • DB class के update() method का उपयोग डेटाबेस में status field value को अपडेट करने के लिए किया जाता है।

4. Delete Gallery (action_type => delete):

  • Database से गैलरी और images data को Delete करे।
  • Server की directory से images को Remove करे।
  • Database से गैलरी और images data को Delete के लिए DB class का delete() और delete Image() method का उपयोग किया जाता है।

5. Delete Image (action_type => img_delete):

  • Database से images data को Delete करे।.
  • Server की directory से image फ़ाइल निकालें।
  • Database से images data को Delete के लिए DB class के deleteItem() method का उपयोग किया जाता है।

Data manipulation के बाद, status PHP SESSION में stored की जाती है और संबंधित(respective) page पर redirect होती है।

यह multiple images upload management script वेब एप्लिकेशन में dynamic data management section के लिए बहुत उपयोगी है। इस स्क्रिप्ट का उपयोग कई उद्देश्यों के लिए किया जा सकता है, जैसे कि PHP और MySQL का उपयोग करके multiple images  वाले like products management । आप इस स्क्रिप्ट की कार्यक्षमता को आसानी से बढ़ा सकते हैं और किसी भी data management section में उपयोग कर सकते हैं, जहां multiple image upload functionality की आवश्यकता होती है।

Dharmendra Yadav

Hy I Am Dharmendra Yadav.. I Am a Web Enthusiast, System Specialist, Web Devloper, Graphic Designer, Professional Blogger, Certified Search Engine Optimizer & Cyber Expert,,,, From India....

Leave a Reply

Your email address will not be published. Required fields are marked *

Back To Top