मैंने कुछ डेमो देखे हैं जहां मोज़िला लोगों ने एक फोटो को ड्रॉपबॉक्स में गिरा दिया और फिर इसे ब्राउज़र में स्थानीय रूप से संपादित किया। लेकिन अब मुझे डेमो नहीं मिल रहा है और मुझे अपने एचटीएमएल में छवियों को लोड करने की जरूरत है, फिर उन्हें कैनवास तत्व के साथ संपादित करें, फिर उन्हें सर्वर पर अपलोड करें। मुझे लगता है कि ऐसा करने का एक तरीका है लेकिन मुझे कोई अच्छी स्पष्टीकरण नहीं मिल रही है। असल में मुझे अपने क्लाइंट कंप्यूटर पर एक तस्वीर लेने और सर्वर को छूए बिना कैनवास तत्व में डालना होगा। किसी भी मदद की सराहना की जाएगी।<input type = "file"> के साथ स्थानीय फाइलें पढ़ रहे हैं?
9
A
उत्तर
15
यह डब्ल्यू 3 सी (जो मोज़िला के साथ बहुत कुछ करने के लिए) से नया File API है।
- HTML5 File API read as text and binary
- Get Image dimensions using Javascript during file upload
- How to know the size of the image to be uploaded with javascript?
कि दूसरा एक, विशेष रूप से, पता चलता है: मैं अन्य StackOverflow सवाल है कि उपयोगी हो सकता है के जवाब में फ़ाइल एपीआई उदाहरण के एक जोड़े किया है एक स्थानीय छवि फ़ाइल को img
तत्व में लोड करना, जिसे आप canvas
के साथ आसानी से उपयोग कर सकते हैं।
यदि आप ड्रैग-एंड-ड्रॉप पहलू चाहते हैं, तो आप HTML5 Drag and Drop stuff भी देख सकते हैं; संबंधित लेख: Google Turns to HTML5 for Gmail’s New Drag-and-Drop Attachments।
संबंधित मुद्दे
- 1. मैं कैसे बता एक ब्राउज़र <input type = 'तारीख'>
- 2. <input type = "खोज"> iPhone मोबाइल सफारी
- 3. लाना डिफ़ॉल्ट मान <input type = फ़ाइल ....>
- 4. एचटीएमएल <input type = 'फ़ाइल'> फ़ाइल चुनाव घटना
- 5. एक परिवर्तनीय थ्रेड-सुरक्षित के साथ-साथ पढ़ रहे हैं?
- 6. <span> रूप में एक ही ऊंचाई बनाने के लिए <input type = "text">
- 7. <label><input> के राज्य
- 8. Django <input ..> फ़ील्ड
- 9. <input> सीएसएस
- 10. <input>
- 11. Django <input><label>
- 12. का पता लगाने अगर <input type = "फ़ाइल" /> समर्थित है
- 13. तरह</p> <pre><code><input id="picker" type="date"> </code></pre> <p>क्रोम
- 14. स्टाइलिंग <input आवश्यक ...> WebKit में
- 15. कैसे चयन करने के लिए <input> सीएसएस
- 16. वर्तमान में <input> तत्व
- 17. Jquery Tablesorter - <input> तत्वों
- 18. चौड़ाई: ऑटो <input> फ़ील्ड
- 19. <input> में रहस्यमय नीचे पैडिंग
- 20. संदर्भ असाइनमेंट और परमाणु परिचालन पढ़ रहे हैं?
- 21. जावा, वर्तमान निर्देशिका से एक फाइल पढ़ रहे हैं?
- 22. ग्रहण सिंटैक्स <script type = "tmpl_handlebars">
- 23. गतिशील रूप से <Type>
- 24. Asp.Net उन्नत फ़ाइल एक mvc3 साइट पर एक मानक <code><input type="file" /></code> का उपयोग करते समय
- 25. मैं अक्षम <input> तत्व
- 26. एसवीएन - केवल स्थानीय फाइलें दिखाएं (कमांड लाइन)?
- 27. टाइप <type> दोनों DLLs
- 28. क्या हम <input> को <label> के अंदर रखना चाहिए?
- 29. ग्रहण एचटीएमएल संपादक: प्रत्येक <input> नई लाइन
- 30. ग्रहण का स्थानीय इतिहास ... फाइलें कहाँ सहेजी गई हैं?