2013-02-15 35 views
10

मुझे वास्तव में फ़ाइल का चयन करने और रद्द करने या हटाने के विकल्प के साथ पूर्वावलोकन करने के क्लाइंट साइड प्रसंस्करण से प्यार है।ब्लूंप jQuery- फ़ाइल-अपलोड बिना AJAX

हालांकि मैं एक फॉर्म के साथ पेज अपलोड करना चाहता हूं और मुझे AJAX का उपयोग करने की आवश्यकता नहीं है। मैं सभी विकल्पों के साथ झुका रहा हूं और मैं सिंक्रनाइज़ रूप से चुने गए फ़ाइलों के साथ फ़ॉर्म बनाने के लिए पोस्ट करने के लिए वैसे भी नहीं ढूंढ सकता।

क्या फॉर्म के साथ पोस्ट करने के लिए डेटा.फाइल प्राप्त करना संभव है?

+0

AJAX के बिना एक फ़ाइल अपलोड अधिकांश भाषाओं में बहुत आसान है। ऐसा लगता है कि आपका प्रश्न बिल्कुल स्पष्ट नहीं है। http://www.whathaveyoutried.com –

+0

जे ब्लैंचर्ड ने ब्लूंप jQuery-फ़ाइल-अपलोड का उपयोग किया है? मैं समझता हूं कि AJAX के बिना फ़ाइल अपलोड करना बहुत आसान है, यह मेरा प्रश्न नहीं था। मेरा प्रश्न एक सिंक्रोनस फॉर्म पोस्ट करने के लिए ब्लूंप jQuery-फ़ाइल-अपलोड का उपयोग कर रहा था। – Topaz

+1

किसी फ़ॉर्म के साथ फाइलों को पोस्ट करने के लिए फॉर्म पोस्टिंग घटक के साथ जाने के लिए एक अपलोड घटक की आवश्यकता होती है, लेकिन मुझे यकीन है कि इस संदर्भ में बीटी "तुल्यकालिक" का मतलब क्या है? क्या आप फॉर्म डेटा पोस्ट करना और एक ही समय में कुछ अपलोड करना चाहते हैं? यदि ऐसा है तो यह देखें - https://github.com/blueimp/jQuery-File-Upload/wiki/How-to-submit-additional-form-data –

उत्तर

9

आप प्रतिलिपिफाइल इनपुट विकल्प को गलत पर सेट करके ब्लूंप jQuery-फ़ाइल-अपलोड का उपयोग करके सबमिट किए गए मानक फॉर्म के माध्यम से फ़ाइलें सबमिट कर सकते हैं।

प्रलेखन से:

डिफ़ॉल्ट रूप से, फ़ाइल इनपुट क्षेत्र प्रत्येक इनपुट क्षेत्र परिवर्तन घटना के बाद एक क्लोन साथ बदल दिया है। यह आइफ्रेम परिवहन कतारों के लिए आवश्यक और परिवर्तन की घटनाओं में एक ही फाइल चयन के लिए निकाल दिया करने की अनुमति देता है, लेकिन झूठी

+0

हम इस विकल्प को गतिशील रूप से कैसे बदल सकते हैं? मेरे पास एक ऑटोसव (AJAX के माध्यम से) फ़ॉर्म है जो उपयोगकर्ता अक्षम कर सकता है और इसलिए वह सामान्य रूप से फ़ॉर्म सबमिट करने में सक्षम होना चाहिए। अभी जब ऑटोसॉव बंद है और उपयोगकर्ता फॉर्म सबमिट करता है, तो चयनित फ़ाइल डेटा सर्वर से गुजर नहीं रहा है। –

+0

मुझसे एक बड़ा धन्यवाद। –

-2

लिए यह विकल्प सेट blueimp jQuery-फ़ाइल-अपलोडर आसान ajax फ़ाइल के लिए बनाया जाता द्वारा निष्क्रिय किया जा सकता अपलोड करें। यदि आप अपने सर्वर पर पोस्ट करने के लिए सरल, एकाधिक फ़ाइल इनपुट चाहते हैं। संशोधित एपीआई का उपयोग करके संशोधित करने के लिए आपको इसे संशोधित करने की आवश्यकता होगी।

मैं विभिन्न पुस्तकालयों का उपयोग करने का सुझाव दूंगा।

यह उनमें से एक मैं वेब पर स्थापित किया गया है:
http://www.fyneworks.com/jquery/multiple-file-upload/

मुझे लगता है कि यह आसान इस पुस्तकालय का उपयोग करें और ui बदलाव करने होंगे कि jQuery-फ़ाइल-अपलोड करने के लिए इसी तरह की।

यहां सर्वर पर अपलोड करने से पहले छवि फ़ाइल का पूर्वावलोकन दिखाने के लिए कोड नमूना है।
http://blog.revathskumar.com/2012/04/html5-show-thumbnail-preview-of-image.html

बस लाइन पर MultiFile.addToList समारोह बदल 283

-1

यह अंत टी गलत पर autoUpload मोड़, एक सरणी में फ़ाइलों का संग्रह है, तो द्वारा किया जा सकता सभी के साथ एक एकल ajax कॉल करना here वर्णित अनुसार, डेटा डेटा के साथ फाइलें।

-1
Use config replaceFileInput = false; 
jQuery('#add_new_product_form').fileupload({ 
      // Uncomment the following to send cross-domain cookies: 
      //xhrFields: {withCredentials: true}, 
      fileInput: jQuery('#upload-video'), 
      replaceFileInput: false, 
      ...... 
}) 

और नियंत्रक आपको वीडियो डेटा प्राप्त करने के लिए $ _FILES मिलेंगे।

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

  • कोई संबंधित समस्या नहीं^_^