मैं वर्तमान में एक वेब एप्लिकेशन पर काम कर रहा हूं जो उपयोगकर्ता को पृष्ठ को पुनः लोड किए बिना फ़ाइलों को अपलोड करने की अनुमति देता है। अब तक, उपयोगकर्ता फ़ाइलों के लिए ब्राउज़ कर सकते हैं, और जब इनपुट बदल गया है, फ़ाइलें निम्न iframe तकनीक का उपयोग कर अपलोड किए जाते हैं:इफ्रेम फ़ाइल अपलोड के लिए प्रगति बार?
HTML:
<iframe name="iframe-target" src="./Image" style="display:none;"></iframe>
<form method="POST" enctype="multipart/form-data" id="old-style-upload" target="iframe-target" action="./Image">
<input type="file" name="files[]" multiple id="old-file-picker" >
</form>
जावास्क्रिप्ट/jQuery:
$('#old-file-picker').change(function() {
// Submit the form
$('#old-style-upload').submit();
});
$('iframe[name=iframe-target]').load(function() {
// Code that deals with the newly uploaded files
$('#old-style-upload').get(0).reset();
});
यह बहुत अच्छा काम करता है, हालांकि, उपयोगकर्ता को यह जानने का कोई तरीका नहीं है कि फाइलें अपलोड हो रही हैं, न ही कितनी देर लग जाएगी। क्या प्रगति पट्टी बनाने का कोई तरीका है जो फ़ाइल अपलोड की प्रगति प्रदर्शित करता है?
एकमात्र चीज जिसे मैं सोच सकता हूं वह loading gif दिखा सकता है।