फ़ाइल अपलोड (एचटीएमएल इनपुट) के आकार को सीमित करें

Question

मैं बस उस फ़ाइल के आकार को सीमित करना चाहता हूं जिसे उपयोगकर्ता अपलोड कर सकता है।

मैंने अधिकतम लम्बाई = 20000 = 20k सोचा लेकिन यह बिल्कुल काम नहीं कर रहा है।

मैं ऑन रेल्स, नहीं पीएचपी चल रहा हूँ, लेकिन सोच रहा था कि यह HTML/CSS में ग्राहक के पक्ष करने के लिए बहुत सरल हो जाएगा, या jQuery का उपयोग कर एक अंतिम उपाय के रूप में। यह इतना बुनियादी है कि कुछ HTML टैग होना चाहिए जो मुझे याद आ रही है या इसके बारे में पता नहीं है।

आईई 7 +, क्रोम, एफएफ 3.6 + का समर्थन करना चाहते हैं। मुझे लगता है कि यदि आवश्यक हो तो मैं केवल आईई 8 + का समर्थन कर सकता हूं।

धन्यवाद।

Answer 1

आप इसे क्लाइंट-साइड नहीं कर सकते हैं। आपको इसे सर्वर पर करना होगा।

संपादित करें: यह उत्तर पुराना है!

इस संपादन के समय के रूप में, HTML फ़ाइल API mostly supported on all major browsers है।

मैं समाधान के साथ एक अद्यतन प्रदान करता हूं, लेकिन @ mark.inman.winning already did it।

ध्यान रखें कि क्लाइंट पर अभी सत्यापन करना संभव है, फिर भी आपको सर्वर पर इसे सत्यापित करना चाहिए। सभी क्लाइंट साइड सत्यापन को बाईपास किया जा सकता है।

Answer 2

यह पूरी तरह से संभव है। जावास्क्रिप्ट का प्रयोग करें।

मैं इनपुट तत्व का चयन करने के लिए jQuery का उपयोग करता हूं। मैंने इसे एक बदलाव कार्यक्रम के साथ स्थापित किया है।

$("#aFile_upload").on("change", function (e) { 

    var count=1; 
    var files = e.currentTarget.files; // puts all files into an array 

    // call them as such; files[0].size will get you the file size of the 0th file 
    for (var x in files) { 

     var filesize = ((files[x].size/1024)/1024).toFixed(4); // MB 

     if (files[x].name != "item" && typeof files[x].name != "undefined" && filesize <= 10) { 

      if (count > 1) { 

       approvedHTML += ", "+files[x].name; 
      } 
      else { 

       approvedHTML += files[x].name; 
      } 

      count++; 
     } 
    } 
    $("#approvedFiles").val(approvedHTML); 

}); 

उपरोक्त कोड सबमिट करने से पहले सबमिट किए गए सभी फ़ाइल नामों को सहेजता है, जो सबमिट करने से पहले मुझे प्रस्तुत करने के योग्य हैं। मैं jQuery का उपयोग करके एक इनपुट तत्व के वैल में "अनुमोदित" फ़ाइलों को जोड़ता हूं, इसलिए सबमिट किया गया एक फॉर्म उन फ़ाइलों के नाम भेजेगा जिन्हें मैं सहेजना चाहता हूं। सभी फाइलें जमा की जाएंगी, हालांकि, अब सर्वर की तरफ हमें इन्हें फ़िल्टर करना होगा। मैंने अभी तक इसके लिए कोई कोड नहीं लिखा है, लेकिन अपनी कल्पना का उपयोग करें। मुझे लगता है कि कोई इसे लूप के लिए पूरा कर सकता है और इनपुट फ़ील्ड से भेजे गए नामों से मेल खाता है और उन्हें $ _FILES (PHP Superglobal, माफ करना, मुझे रूबी फ़ाइल वैरिएबल नहीं पता) चर से मिलान कर सकते हैं।

मेरा मुद्दा यह है कि आप जमा करने से पहले फ़ाइलों के लिए चेक कर सकते हैं। मैं ऐसा करता हूं और फिर फॉर्म को सबमिट करने से पहले इसे उपयोगकर्ता को आउटपुट करता हूं, ताकि वे यह जान सकें कि वे मेरी साइट पर क्या अपलोड कर रहे हैं। जो कुछ भी मानदंडों को पूरा नहीं करता है वह उपयोगकर्ता को वापस प्रदर्शित नहीं होता है और इसलिए उन्हें पता होना चाहिए कि फाइलें बहुत बड़ी नहीं हैं। यह सभी ब्राउज़रों पर काम करना चाहिए क्योंकि मैं फॉर्मडाटा ऑब्जेक्ट का उपयोग नहीं कर रहा हूं।