Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

IE HTML5 File API को सपोर्ट करता है

IE File API सपोर्ट

IE9 File API का समर्थन नहीं करता

IE10 ने File API का समर्थन शुरू किया

इसका एक उदाहरण ड्रैग एंड ड्रॉप होगा। अब HTML5 एक ड्रैग एंड ड्रॉप (DnD) API के साथ आया है जो ब्राउज़र में नेटिव DnD सपोर्ट लाता है जिससे कोड करना बहुत आसान हो जाता है।

उदाहरण

<!DOCTYPE HTML>
<html>
  <head>
    <style>
      #boxA, #boxB { float:left;padding:10px;margin:10px; -moz-user-select:none; }
      #boxA { background-color: #6633FF; width:75px; height:75px; }
      #boxB { background-color: #FF6699; width:150px; height:150px; }
    </style>
    <script>
      function dragStart(ev) {
        ev.dataTransfer.effectAllowed='move';
        ev.dataTransfer.setData("Text", ev.target.getAttribute('id'));
        ev.dataTransfer.setDragImage(ev.target,0,0);
        return true;
      }
    </script>
  </head>
  <body>
    <center>
      <h2>Drag and drop HTML5 demo</h2>
      <div>Try to drag the purple box around.</div>
      <div id="boxA" draggable="true" ondragstart="return dragStart(ev)">
        <p>Drag Me</p>
      </div>
      <div id="boxB">Dustbin</div>
    </center>
  </body>
</html>

IE10+ पूर्ण File API और Drag & Drop API सपोर्ट प्रदान करता है।

  1. Node.js में npm स्टार्ट-स्क्रिप्ट बदलना Node.js में npm स्टार्ट-स्क्रिप्ट बदलना

    विवरणNode.js एप्लिकेशन की स्टार्ट-स्क्रिप्ट में वे सभी कमांड होते हैं जिनका उपयोग विशिष्ट कार्यों को करने के लिए किया जाएगा। Node.js प्रोजेक्ट को शुरू या इनिशियलाइज़ करते समय, एप्लिकेशन चलाने के लिए बहुत सारी पूर्वनिर्धारित स्क्रिप्ट बनाई जाती हैं। इन स्क्रिप्ट को प्रोजेक्ट की आवश्यकता या मांग के अन

  1. HTML5 localStorage API से ब्राउज़र में डेटा कैसे स्टोर करें? HTML5 localStorage API से ब्राउज़र में डेटा कैसे स्टोर करें?

    HTML5 localStorage ब्राउज़र में स्ट्रिंग डेटा सेव करता है और वर्तमान सत्र से आगे तक रहता है। localStorage डेटा को बिना एक्सपिरेशन के स्टोर करता है, जबकि sessionStorage केवल सत्र तक सीमित होता है। जब ब्राउज़र बंद होता है, तो सत्र खो जाता है। लोकल स्टोरेज ऐसी स्टोरेज के लिए डिज़ाइन किया गया है जो मल्ट

  1. HTML5 वेब की रिस्पॉन्सिवनेस HTML5 वेब की रिस्पॉन्सिवनेस

    HTML5, नवीनतम और लोकप्रिय वेब डिज़ाइनिंग भाषा, ने अचानक डिज़ाइनिंग की दुनिया को एक लहर के साथ ले लिया। पहले हमारे पास HTML था और अब HTML5 है। हालांकि, अगर हम दोनों के बीच प्रमुख अंतर देखें, तो हम पाते हैं कि एक चीज जो वास्तव में HTML5 को HTML से अलग और बेहतर बनाती है, वह है रिस्पॉन्सिवनेस (Responsiv