Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

Internet Explorer รองรับ HTML5 File API หรือไม่?

IE9: ไม่รองรับ | IE10+: รองรับ

File API (FileReader, Blob, FileList) เริ่มรองรับใน IE10

ตัวอย่าง Drag and Drop (ต้อง IE10+)

<!DOCTYPE HTML>
<html>
<head>
  <style>
    #boxA, #boxB { float:left; padding:10px; margin:10px; -moz-user-select:none; }
    #boxA { background:#6633FF; width:75px; height:75px; }
    #boxB { background:#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>ลองลากกล่องสีม่วง</div>
    <div id="boxA" draggable="true" ondragstart="return dragStart(event)"><p>Drag Me</p></div>
    <div id="boxB">Drop Zone</div>
  </center>
</body>
</html>

IE9 ต้องใช้ Polyfill หรือ Flash Fallback สำหรับ File API