2012-09-26 12 views
5

मैं कुछ 'समान' प्रश्नों के माध्यम से ब्राउज़ कर रहा हूं, लेकिन कोई भी मेरे द्वारा किए गए विशेष मुद्दे को हल या हल नहीं करता है।प्लूपलोड - अपलोड पर फ़ंक्शन पूर्ण?

मैं अमेज़ॅन एस 3 पर छवियों को अपलोड करने के लिए प्लुपलोड (http://www.plupload.com) का उपयोग कर रहा हूं। यह बहुत अच्छा काम कर रहा है, हालांकि अपलोड पूर्ण होने के बाद, मैं अपलोड की गई फ़ाइलों के थंबनेल दिखाने के लिए पृष्ठ पर एक और div अपडेट करना चाहता हूं। मेरा इरादा यह करने के लिए jQuery.load का उपयोग करना है (क्योंकि मुझे आउटपुट करने से पहले मुझे एक डीबी क्वेरी चलाने की आवश्यकता होगी)। हालांकि, अभी के लिए मैं बुनियादी बातों को काम करने और बस पाठ के साथ div को अद्यतन करने की कोशिश कर रहा हूं।

मेरा वर्तमान कोड (नीचे) कोई त्रुटि नहीं लौटाता है, लेकिन फ़ाइल अपलोड होने के बाद यह div को अद्यतन नहीं कर रहा है। विभिन्न उत्तरों/सुझावों को देखते हुए, जो कुछ मैं ढूंढ रहा हूं उसे प्राप्त करने के कई तरीके हैं - लेकिन मैं कोई काम नहीं कर पा रहा हूं।

यहाँ मेरी कोड अभी है ...

<script> 
$(document).ready(function(upload) { 
$("#uploader").pluploadQueue({ 
    runtimes : 'html5,html4', 
    url : '/gallery/upload.cfm', 
    max_file_size : '5000kb', 
    multiple_queues : true, 
    unique_names : true, 
    filters : [ 
     {title : "Image files", extensions : "jpg,gif,png,jpeg"} 
    ] 
}); 
$("#uploader").bind('FileUploaded', function() { 
$(".outputimages").html('The output goes here'); 
}); 
}); 
</script> 

<div id="uploader">You browser doesn't have HTML 4 support.</div> 

<div class="outputimages"></div> 
+0

उत्तर के लिए धन्यवाद। मुझे फ़ाइल नामों तक पहुंचने की आवश्यकता नहीं है, अपलोड अपलोड होने के बाद मैं बस एक और फ़ंक्शन ट्रिगर करना चाहता हूं (यानी पृष्ठ पर एक और div अपडेट करें) - अपलोड की जाने वाली वास्तविक फ़ाइलें अप्रासंगिक हैं। – Lee

+0

सभी अपलोड पूरा होने के बाद? – Cybrix

+0

आदर्श रूप से, हाँ - लेकिन यह व्यक्तिगत रूप से प्रत्येक के बाद आग लगने से कोई दिक्कत नहीं होगी। – Lee

उत्तर

8

यह मेरा कोड है जो मेरी तरफ काम कर रहा है:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script src="plupload/jquery.plupload.queue.js"></script> 
<script src="plupload/plupload.full.js"></script> 
<script> 
    $(function() { 
     $("#uploader").pluploadQueue({ 
      runtimes : 'html5,html4', 
      max_file_size : '10mb', 
      url : 'upload.php', 
      max_file_size : '5000kb', 
      multiple_queues : true, 
      unique_names : true, 
      filters : [ 
       {title : "Image files", extensions : "jpg,gif,png,jpeg"} 
      ] 
     }); 

     var uploader = $('#uploader').pluploadQueue(); 

     uploader.bind('FileUploaded', function() { 
      if (uploader.files.length == (uploader.total.uploaded + uploader.total.failed)) { 
       $(".outputimages").html('The output goes here'); 
      } 
     }); 
    }); 
</script> 

<div id="uploader">You browser doesn't have HTML 4 support.</div> 

<div class="outputimages"></div> 

यह उदाहरण, कतार में हर फ़ाइलों के बाद FileUploaded समारोह को गति प्रदान अपलोड कर दिया गया है।

+0

यह काम करता है! धन्यवाद! मैं अपने नमूने में बिल्कुल चिपकाया गया, फिर बस अपलोड पथ बदल दिया और यह पूरी तरह से काम करता है। बिल्कुल यकीन नहीं है कि मैं इसके साथ गलत कहां जा रहा था – Lee

+0

अच्छा! अच्छा दिन है! – Cybrix

+0

मैंने कोड का उपयोग करने की कोशिश की है बोव लेकिन मुझे एक त्रुटि मिल रही है "pluploadQueue अपरिभाषित है"। कोई विचार? – Andreas

6

यह फ़ाइल अपलोड के बजाय अपलोडकंपलेट का उपयोग करके बेहतर काम करता है

+0

नहीं है, आपको लगता है कि यह सिस्टम कैसे काम करता है, क्या आप इस पर एक नज़र डालेंगे? http: // stackoverflow।कॉम/प्रश्न/16555550/कैसे-करें-i-return-data-through-ajax-use-plupload-on-upload-complete, धन्यवाद! –

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