मैं अपलोड फ़ाइल को वैलम्स अजाक्स फ़ाइल-अपलोडर के साथ कैसे ट्रिगर कर सकता हूं?

Question

वैलम्स अजाक्स फ़ाइल अपलोडर का उपयोग करते समय, मैं अपलोड को कैसे ट्रिगर कर सकता हूं?

उपयोगकर्ता द्वारा फ़ाइल का चयन करने के तुरंत बाद अपलोड शुरू करने के लिए डिफ़ॉल्ट व्यवहार होता है। मैं इसे होने से रोकना चाहता हूं, और जब फ़ाइल फ़ाइल चुनने के बाद उपयोगकर्ता अलग "अपलोड" बटन पर क्लिक करता है तो अपलोड को ट्रिगर करता है।

मैंने कोड को देखा और पाया कि अपलोड फ़ाइल इनपुट से जुड़े change ईवेंट पर शुरू होता है।

$('#startUpload').on('click', function() { 
    // some conditionals 
    $('input[name="file"]').trigger('change'); 
}); 

कि काम नहीं करता है: मैं onSubmit कार्य करने के लिए करने के लिए return false; जोड़ने, और फिर एक और बटन है कि परिवर्तन घटना शुरू हो रहा करने के लिए एक क्लिक करें घटना संलग्न द्वारा शुरू कर दिया। यह फिर से फ़ाइल मेनू खुलता है।

उपयोगकर्ता द्वारा फ़ाइल का चयन करने के तुरंत बाद अपलोड को रोकने से कैसे रोक सकता है और उपयोगकर्ता इसे किसी अन्य बटन पर क्लिक करते समय इसे ट्रिगर कर सकता है?

Answer 1

इसके लिए आपको फ़ाइल-अपलोडर.जेएस फ़ाइल को संशोधित करना होगा। लाइन 30 9 में, झूठी वापसी के लिए ऑन चेंज फ़ंक्शन को संशोधित करें। फिर, यह ऊपर निम्नलिखित समारोह जोड़ सकते हैं ताकि कोड हो जाता है:

startUpload: function(){ 
    this._onInputChange(this._button.getInput()); 
}, 
_createUploadButton: function(element){ 
    var self = this; 

    return new qq.UploadButton({ 
     element: element, 
     multiple: this._options.multiple && qq.UploadHandlerXhr.isSupported(), 
     onChange: function(input){ 
      return false; 
     } 
    }); 
}, 

फिर अपने HTML फ़ाइल में, अपने बटन क्लिक या किसी अन्य घटना के भीतर, फोन

uploader.startUpload(); 

अपलोड करने का नाम है आपका qq.FileUploader() ऑब्जेक्ट।

आशा में मदद करता है :)

Answer 2

Valums अजाक्स फ़ाइल अपलोडर अब इस सुविधा का समर्थन .. आप कर सकते हैं कतार फ़ाइलें और उत्प्रेरक अपलोड बटन पर

var uploader2 = new qq.FileUploader({ 
    element: $('#manualUploadModeExample')[0], 
    action: "success.html", 
    autoUpload: false, 
    demoMode: true, 
    uploadButtonText: "Select Files" 
}); 

$('#triggerUpload').click(function() { 
    uploader2.uploadStoredFiles(); 
}); 

इस बारे में अधिक के लिए, इस लिंक की जाँच करें: valums file uploder