jQuery ajax पोस्ट फ़ाइल क्षेत्र

Question

मैं एक फ़ाइल इनपुट के साथ एक रूप है। मैं फ़ाइल कैसे प्राप्त करूं और इसे jQuery का उपयोग करके एक php स्क्रिप्ट पर पोस्ट करूं? क्या मैं मूल्य प्राप्त करने के लिए .val() का उपयोग कर सकता हूं और फिर इसे पोस्ट कर सकता हूं? उदाहरण के लिए कहते हैं कि फ़ाइल इनपुट फ़ाइल की एक आईडी मैं सिर्फ कर सकता है:

$('#submit').click(function() { 
    var file = $('#file').val(); 
    $.post('script.php', { "file": file }, function(data) { 
     // do something here after post complete 
    }, 'json'); 
}); 

धन्यवाद

Answer 1

यह मदद करनी चाहिए। How can I upload files asynchronously?

पद के रूप में सुझाव है कि मैं यहाँ स्थित http://malsup.com/jquery/form/#code-samples

Answer 2

फ़ाइल अपलोड नहीं इस तरह से कोई फर्क नहीं पड़ता कि कैसे आप इसे तोड़ने के नीचे किया जा सकता है, एक प्लगइन सलाह देते हैं। आप एक ajax/async अपलोड करना चाहते हैं, मैं Uploadify की तरह कुछ में देख सुझाव है, या Valums

Answer 3

इस प्रयास करें ...

<script type="text/javascript"> 
     $("#form_oferta").submit(function(event) 
     { 
      var myData = $(form).serialize(); 
      $.ajax({ 
       type: "POST", 
       contentType:attr("enctype", "multipart/form-data"), 
       url: " URL Goes Here ", 
       data: myData, 
       success: function(data) 
       { 
        alert(data); 
       } 
      }); 
      return false; 
     }); 
</script> 

यहाँ contentTypemultipart/form-data के रूप में निर्दिष्ट किया जाता है के रूप में हम में क्या प्रपत्र टैग, इस सरल फ़ाइल अपलोड करने के लिए सर्वर साइड तुम सिर्फ तुम एक प्रतिक्रिया के रूप में उपयोगकर्ता के लिए दिखाना चाहते हैं संदेश गूंज के साथ इस अनुरोध को पूरा करने के लिए सरल फाइल अपलोड कोड लिखने की जरूरत पर काम करेंगे।

Answer 4

मैं अजाक्स का उपयोग फ़ाइलों को स्वीकार और पर अपने php फ़ाइल का उपयोग कर दुकान हो जाता है फ़ाइल सबमिट करने के लिए इस कोड की कोशिश की। कोड काम करने के लिए थोड़ा संशोधित। (अपलोड की गई फ़ाइलें: पीडीएफ, जेपीजी)

function verify1() { 
    jQuery.ajax({ 
     type: 'POST', 
     url:"functions.php", 
     data: new FormData($("#infoForm1")[0]), 
     processData: false, 
     contentType: false, 
     success: function(returnval) { 
      $("#show1").html(returnval); 
      $('#show1').show(); 
     } 
    }); 
} 

बस फ़ाइल विवरण प्रिंट करें और जांचें। आपको आउटपुट मिलेगा। अगर त्रुटि मुझे बताएं।