ड्रैग-एंड-ड्रॉप अपलोड में फ़ाइल सूची से फ़ाइलें हटाना

HTML5 का उपयोग करके ड्रैग-एंड-ड्रॉप अपलोड एप्लिकेशन बनाते समय, आप कर सकते हैं एक ऐसे परिदृश्य का सामना करें जहां आपको फ़ाइल सूची से कुछ फ़ाइलों को हटाने की आवश्यकता हो। हालाँकि, इस समस्या को हल करने का प्रयास करने से पहले, यह समझना महत्वपूर्ण है कि HTMLInputElement में फ़ाइल सूची केवल पढ़ने के लिए है, जैसा कि फ़ाइल एपीआई वर्किंग ड्राफ्ट में बताया गया है।

संपूर्ण फ़ाइल सूची को हटाना

हालाँकि आप फ़ाइल सूची से अलग-अलग फ़ाइलें नहीं हटा सकते, एक वैकल्पिक समाधान है। आप इनपुट ऑब्जेक्ट की वैल्यू प्रॉपर्टी को एक खाली स्ट्रिंग पर सेट करके संपूर्ण फ़ाइल सूची को मिटा सकते हैं:

document.getElementById('multifile').value = "";

सावधानियां

हालांकि, इस दृष्टिकोण का उपयोग करते समय आपको सावधानी बरतनी चाहिए। चूँकि संपूर्ण फ़ाइल सूची हटा दी गई है, पहले से चयनित सभी फ़ाइलें हटा दी जाएंगी। इसलिए, फ़ाइल सूची को हटाने से पहले उपयोगकर्ता अनुभव पर विचार करना और पुष्टिकरण या बैकअप तंत्र प्रदान करना आवश्यक है।

कस्टम फ़ाइल हैंडलिंग

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