2011-07-21 13 views
25

अपलोड करने के लिए फ़ाइल चुनने के बाद, मैं चाहता हूं कि फ़ाइल को बटन के क्लिक किए बिना डेटाबेस पर अपलोड किया जाए। JQuery का उपयोग करके यह कैसे किया जाता है?
jQuery का उपयोग कर फ़ाइल चुनने के बाद अपलोड करना प्रारंभ करें।

मैं इस तरह एक फ़ाइल चुनने के लिए करना चाहते हैं: http://i.stack.imgur.com/0408T.gif

<input type="file" valign="baseline" /> 

उत्तर

33

मान लें कि आप एक फॉर्म का उपयोग कर रहे हैं:

// select the file input (using a id would be faster) 
$('input[type=file]').change(function() { 
    // select the form and submit 
    $('form').submit(); 
}); 

संपादित करें:इस जवाब रखने के लिए अप करने की तारीख:

यहाँ वर्णित हैक्स के बिना AJAX के माध्यम से फ़ाइलों को अपलोड करने के लिए एक अच्छा तरीका नहीं है: http://net.tutsplus.com/tutorials/javascript-ajax/uploading-files-with-ajax/

+0

डेटाबेस को मूल्य भेजने के लिए AJAX कॉल का उपयोग करना चाहिए? कृपया और बताएं ... –

+0

@Mehd: यह अजाक्स नहीं है। जब आप फ़ाइल बदलते हैं, तो फॉर्म स्वचालित रूप से – genesis

+0

@Mehd भेजना शुरू कर देगा: पूर्ण अपलोड समाधान के लिए उत्पत्ति का उत्तर देखें। – binarious

5

उपयोग jQuery के प्लगइन uploadify

यह जो कई विकल्प, और स्वत: अपलोड है महान प्लगइन भी

$(document).ready(function() { 
    $('#file_upload').uploadify({ 
    'uploader' : '/uploadify/uploadify.swf', 
    'script' : '/uploadify/uploadify.php', 
    'cancelImg' : '/uploadify/cancel.png', 
    'folder' : '/uploads', 
    'auto'  : true 
    }); 
}); 
है
+3

यदि आप एचटीएमएल अपलोडर का उपयोग करना चाहते हैं तो मैं प्लगइन –

+0

का उपयोग नहीं करता हूं, यह गैर-वाणिज्यिक परियोजनाओं के लिए 5 डॉलर और वाणिज्यिक परियोजनाओं के लिए 100 डॉलर खर्च करता है। – Adam

3

सिर्फ ऑटो सेट सच .. 'ऑटो': सच

+2

क्या आप एक लिंक जोड़ सकते हैं जहां आप यह काम देख रहे हैं क्योंकि मुझे ऐसा कुछ नहीं मिल रहा है। –

संबंधित मुद्दे