Jquery AJAX के साथ एक फॉर्म पोस्ट करें जब इनपुट एक फ़ाइल

Question

मेरे पास कई क्षेत्र हैं जहां मैं टेक्स्ट फ़ील्ड सबमिट करने के लिए AJAX का उपयोग करता हूं।

var name = $("input#name").val(); 

    $.ajax({ 
     type: "POST", 
     url: "bin/process.php", 
     data: "&name=" + name, 
     success: function() { 
     //handle response here 
    } 
    }); 

हालांकि, मैं यह नहीं समझ सकता कि इनपुट प्रकार एक फ़ाइल है या नहीं?

var name = $("input#file").val(); कर काम करने के लिए प्रतीत नहीं होता ..

Answer 1

डिफ़ॉल्ट रूप से, jQuery AJAX के माध्यम से फ़ॉर्म पोस्ट नहीं कर सकते अगर यह एक अपलोड क्षेत्र में शामिल है।

आप इस प्लगइन की कोशिश कर सकते हैं: http://jquery.malsup.com/form/

Answer 2

यह आमतौर पर एक आईफ़्रेम सर्वर से फ़ाइल भेजने के लिए किया जाता है।

jQuery Form Plugin इसके लिए एक महान संसाधन है।

यहाँ एक और upload script जो XHR iframe पर शान से उपयोग करता है जब संभव (FF, सफारी) और यदि आवश्यक हो तो वापस गिर जाता है (आईई)