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

क्या HTML5 वेब ब्राउज़र के भीतर से स्थानीय क्लाइंट फ़ाइलों के साथ इंटरैक्ट करने की अनुमति देता है?

सीधी पहुंच नहीं

नहीं, HTML5 आपको स्थानीय क्लाइंट फ़ाइलों के साथ सीधे इंटरैक्ट करने की अनुमति नहीं देता। आप इसके लिए ड्रैग एंड ड्रॉप या FileSystem API का उपयोग कर सकते हैं।

उदाहरण: HTML5 का उपयोग करके वेब ब्राउज़र में ड्रैग एंड ड्रॉप

<!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>

सुरक्षा कारणों से ब्राउज़र सैंडबॉक्स में सीधी फ़ाइल सिस्टम पहुंच प्रतिबंधित है।

  1. Terminal से वेब से फ़ाइलें कैसे डाउनलोड करें (macOS) Terminal से वेब से फ़ाइलें कैसे डाउनलोड करें (macOS)

    आप curl -O <URL> कमांड का उपयोग करके अपने Mac टर्मिनल के माध्यम से वेब से फ़ाइलें डाउनलोड कर सकते हैं, अपने डाउनलोड्स के बारे में अतिरिक्त जानकारी प्राप्त करने के लिए। यह ऐसे काम करता है: उस डाउनलोड लिंक/बटन पर राइट-क्लिक करें जिसमें वह फ़ाइल है जिसे आप वेब से डाउनलोड करना चाहते हैं और लिंक क

  1. HTML5 में वेब ब्राउज़र समर्थन की जांच कैसे करें HTML5 में वेब ब्राउज़र समर्थन की जांच कैसे करें

    आप वेब ब्राउज़र में उपलब्ध वेब वर्कर सुविधा का पता लगाने के लिए निम्नलिखित कोड चलाने का प्रयास कर सकते हैं: <!DOCTYPE HTML> <html> <head> <title>Big for loop</title> <script src = /js/modernizr-1.5.min.js></script> <script

  1. JavaScript में Onclick इम्प्लीमेंट करें और वेब ब्राउज़र को पिछले पेज पर जाने दें JavaScript में Onclick इम्प्लीमेंट करें और वेब ब्राउज़र को पिछले पेज पर जाने दें

    पिछले पेज पर जाने के लिए बटन क्लिक का उपयोग बटन क्लिक पर पिछले पेज पर पहुंचने के लिए, window.history.go(-1) कॉन्सेप्ट का उपयोग करें। उदाहरण <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, initial-scale=1.