jQuery फ़ाइल अपलोड

हुर्रे! एक और ताजा ... यह दूसरों की तुलना में बेहतर कैसे है?



क) नया! हमेशा, जो कुछ करने का उपक्रम करता है, तो आमतौर पर देखता है: क्या इसमें कोई समझदारी है, और यदि है, तो वह ऐसा करता है।
बी) सुंदर! आप तेज नहीं कर सकते, लेकिन बॉक्स से बाहर रख सकते हैं। बूटस्ट्रैप और ग्लिफ़िकॉन आइकन के आधार पर
ग) यह बहु-चयनित फ़ाइलों, ड्रैग एंड ड्रॉप, प्रगति बार और तस्वीरों के थंबनेल के बिना कहा जाता है।
घ) ग्राहक की ओर से फ़ोटो को फिर से शुरू करने और आकार देने के लिए क्रॉस-डोमेन कनेक्शन के लिए समर्थन।
ई) किसी भी सर्वर प्लेटफॉर्म (PHP, Python, Ruby on Rails, Java, Node.js, और इसी तरह) के लिए तैयार है।

blueimp.github.com/jQuery-File-Upload

ब्राउज़र समर्थन:

github.com/blueimp/jQuery-File-Upload/wiki/Browser-support

त्वरित कनेक्ट

प्लगइन के दो संस्करण उपलब्ध हैं। बूटस्ट्रैप और Jquery UI में
यदि आप इंटरफ़ेस को पूरी तरह से फिर से करने के लिए अधीर हैं, तो यहां प्लगइन का नंगे संस्करण है

अधिक जानकारी

प्लगइन को कैसे कॉन्फ़िगर करें?

हम PHP के लिए jQuery फ़ाइल अपलोड (संस्करण UI) का उपयोग करते हैं।

प्लगइन के साथ बॉक्स में जो आता है वह पूरी तरह कार्यात्मक है, आपको बस इसे अपने सर्वर पर अपलोड करना होगा।

डाउनलोड करें, अनपैक करें, हमारे सर्वर में अनपैक करें (फ़ोल्डर का नाम बदला जा सकता है) भरें।
हम स्वास्थ्य का परीक्षण करने के लिए एक डेमो पेज चलाने की कोशिश करते हैं।

ध्यान दें कि अपलोड करने वाली फाइलें सभी के लिए काम करती हैं, और वही फाइलें सभी द्वारा डाउनलोड की जा सकती हैं। सुरक्षा का सबसे आसान तरीका है कि अपलोड की गई फ़ाइलों के साथ फ़ोल्डर को पासवर्ड को .htaccess के माध्यम से रखा जाए।

Google App Engine के लिए jQuery फ़ाइल अपलोड (UI संस्करण) का उपयोग करना

प्लगइन डाउनलोड करें, इसे अनपैक करें, "jquery-file-upload" को अपनी खुद की ऐप आईडी से बदलने के लिए app.yaml फ़ाइल को संपादित करें। अपने ऐप इंजन उदाहरण के रूप में सर्वर / Gae-python या सर्वर / Gae-go (विकास पर्यावरण पर निर्भर करता है) भरें।
किसी भी सर्वर पर jQuery-File-Upload-root (रूट) फ़ोल्डर को भरें, अपने ऐप इंजिन उदाहरण के लिए अपने URL में फॉर्म एक्शन टारगेट फ़ील्ड को संपादित करने के बाद।

Node.js के साथ jQuery फ़ाइल अपलोड (UI संस्करण) का उपयोग करना

आप Npm के माध्यम से अपने सर्वर पर Node.js पर उदाहरण स्थापित कर सकते हैं ।
npm install blueimp-file-upload-node

सेवा का शुभारंभ:
./node_modules/blueimp-file-upload-node/server.js

हम प्लगइन के साथ संग्रह को डाउनलोड करते हैं, इसे अनपैक करते हैं, index.html को संपादित करते हैं और अपने Node.js (जैसे " लोकलहोस्ट : 8080") के रूप में पथ क्रिया में पथ सेट करते हैं।
आप किसी भी सर्वर के लिए प्रोजेक्ट फ़ोल्डर (अनावश्यक फ़ाइलों के बिना) को अपलोड कर सकते हैं और इसे NFS.s.s. पर फ़ाइलों को अपलोड करने के लिए अपनी सेवा के लिए एक इंटरफ़ेस के रूप में उपयोग कर सकते हैं।

अन्य प्लेटफार्मों के साथ jQuery फ़ाइल अपलोड (UI संस्करण) का उपयोग करना

यहाँ और पढ़ें github.com/blueimp/jQuery-File-Upload/wiki/Setup

-

Ps। टिप्पणियों से सिफारिशें

"Apache + PHP के साथ, आपको वेब सर्वर को फ़ाइलों और थंबनेल फ़ोल्डरों को लिखने का अधिकार देने की आवश्यकता है (उबंटू के इसे कहा जाता है, उदाहरण के लिए www-data)। कार्यक्षमता के लिए परीक्षण करने के लिए, आप बस इन फ़ोल्डरों में '777' सेट कर सकते हैं, लेकिन यह एक संभावित असुरक्षित मार्ग है।

अन्यथा, सभी धारियों की UNEXPECTED TOKEN की बहुतायत दिखाई देती है। » - irsick