एक क्लिक अपलोड बटन

Question

मैं एक बटन बनाना चाहता हूं, जब क्लिक किया गया एक संवाद विंडो खुलती है जहां वे अपलोड करने के लिए एक छवि का चयन करते हैं और फिर एक बार जब वे इसे चुनते हैं और संवाद विंडो में ठीक दबाते हैं तो अपलोड शुरू होता है (अपलोड बार वैकल्पिक :))

पसंदीदा यह एक jQuery प्लगइन होगा जो मानक HTML फ़ाइल इनपुट की कार्यक्षमता को संशोधित करता है ... क्योंकि मैंने पहले से ही कोड का उपयोग करके कोड लिखा है।

Answer 1

JQuery प्लगइन uploadify एक प्रगति पट्टी के साथ अपलोड करेगा, और एकल या एकाधिक फ़ाइल अपलोड के लिए कार्यक्षमता भी शामिल है।

Answer 2

SWFUpload ऐसा करने में सक्षम है। यह एक फ्लैश-आधारित अपलोड घटक है जिसे आप जावास्क्रिप्ट का उपयोग करके बातचीत कर सकते हैं।

Demo

Answer 3

अन्य फ्लैश आधारित SWFUpload के अलावा अन्य समाधान कर रहे हैं। uploadify.com

पर एक नज़र डालें यह एक jquery प्लगइन है।

Answer 4

यह हो सकता है आप जो खोज रहे हैं:

https://github.com/bencolon/file-uploader

स्क्रिप्ट एकाधिक फ़ाइलों के अपलोड का समर्थन करता है, लेकिन यह एक विकल्प है। जबकि अपलोडिफ़ाई और SWFUpload दोनों को फ़्लैश स्थापित करने की आवश्यकता होती है, तो यह प्लगइन फ्लैश-फ्री है। यह शायद आपकी समस्या का सबसे आसान तरीका है। छोटे प्लगइन्स उपलब्ध हैं, लेकिन वे सभी ब्राउज़रों में अच्छी तरह से काम नहीं करते हैं।

Answer 5

jquery और सामान्य html का उपयोग करके ऐसा करने के लिए कुछ धोखा है। मैं अपनी परियोजना में एक फ़ाइल अपलोड करने के लिए उपयोग करता हूं (एक तक सीमित) और केवल एक बटन का उपयोग करके और कोई प्लगइन नहीं, हालांकि बटन को स्टाइल की आवश्यकता है।

एचटीएमएल कोड

<form method="get" action="somephp.php"> 
       <input type="file" id="upload" name="upload" style="width: 88px; opacity:0.0; filter:alpha(opacity=0); " onchange='uploadChange()'/> 
       <input type="submit" name="submit" style="margin-left: -88px"/> 
      </form> 

jQuery:

<script> 
    function uploadChange(){ 
     $('input[type="submit"]').click(); 
    } 
</script>