HTML5 có cho phép tương tác file client cục bộ từ trình duyệt không?

Không, HTML5 không cho phép tương tác trực tiếp file client cục bộ. Bạn có thể dùng kéo thả hoặc FileSystem API cho việc này.

Ví dụ

Hãy xem ví dụ kéo thả trên trình duyệt dùng 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>Demo kéo thả HTML5</h2>          <div>Thử kéo hộp tím.</div>          <div id = "boxA" draggable = "true"          ondragstart = "return dragStart(ev)">          <p>Kéo tôi</p>          </div>          <div id = "boxB">Thùng rác</div>       </center>    </body> </html>