सीधी पहुंच नहीं
नहीं, 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>
सुरक्षा कारणों से ब्राउज़र सैंडबॉक्स में सीधी फ़ाइल सिस्टम पहुंच प्रतिबंधित है।