JavaScript readAsBinaryString Function on IE10-IE11

Dieses Thema im Forum "Webentwicklung" wurde erstellt von vs70, 18. Dezember 2016 .

Schlagworte:
  1. 18. Dezember 2016
    Hallo,
    kann mir jemand helfen das html5 - JavaScript readAsBinaryString Function on E11 - Stack Overflow
    einfügen in denn nachfolgenden Code ?

    komme damit nicht klar

    HTML:
    <!DOCTYPE html> 
     <html> 
     <head> 
     <meta charset="utf-8" /> 
     </head> 
     <body> 
     
     <style> 
     #byte_content { 
     top:200px; 
     left:100px; 
     margin: 5px 0; 
     height: 100px; 
     width:300px; 
     overflow-y: auto; 
     overflow-x: hidden; 
     border: 1px; 
     border-color: black; 
     border-style: solid; 
     position: absolute; 
     } 
     #byte_range { 
     top:200px; 
     left:500px; 
     margin: 5px 0; 
     height: 100px; 
     width:300px; 
     overflow-y: auto; 
     overflow-x: hidden; 
     border: 1px; 
     border-color: black; 
     border-style: solid; 
     position: absolute; 
     } 
     
     body{ 
     font-family: "Verdana"; 
     font-size: 9pt; 
     } 
     
     header{ 
     padding: 15px; 
     background-color: rgb(27, 161, 226); 
     box-shadow: 0px 1px 2px rgba(0,0,0,0.4); 
     color: #fff; 
     } 
     
     header h1{ 
     font-size: 12pt; 
     } 
     
     article{ 
     width: 80%; 
     margin: auto; 
     margin-top: 20px; 
     } 
     
     #content{ 
     max-height: 100px; 
     margin: 5px 0; 
     } 
     
     </style> 
     
     
     <header> 
     <h1>File API - Slice</h1> 
     </header> 
     <article> 
     <label for="aFile">Select a file:</label> 
     <input type="file" id="files" /> 
     <div class="readBytesButtons"> 
     <button data-start="0" data-end="4">1-5</button> 
     <button data-start="6" data-end="7">7-8</button> 
     <button data-start="5" data-end="14">6-15</button> 
     
     <button data-start="1023" data-end="2047">1024-2048</button> 
     <button data-start="1111510440" data-end="1111511440">1111510440-1111511440</button> 
     
     <button>Entire file</button> 
     </div> 
     <div> 
     <output id="content"></output> 
     <div id="byte_range"></div> 
     <div id="byte_content"></div> 
     </div> 
     </article> 
     
     
     <script> 
     
     function readBlob(startByte, endByte) { 
     
     var files = document.getElementById('files').files; 
     
     var file = files[0]; 
     var start = parseInt(startByte) || 0; 
     var stop = parseInt(endByte) || file.size - 1; 
     
     var fileReader = new FileReader(); 
     
     fileReader.onloadend = function(evt) { 
     if (evt.target.readyState == FileReader.DONE) { // DONE == 2 
     document.getElementById('byte_content').textContent = evt.target.result; 
     document.getElementById('byte_range').innerHTML = 
     ['Read bytes: ', start + 1, ' - ', stop + 1, 
     ' of ', file.size, ' byte file'].join(''); 
     } 
     }; 
     
     var blob = file.slice(start, stop + 1); 
     fileReader.readAsBinaryString(blob); 
     } 
     
     document.querySelector('.readBytesButtons').addEventListener('click', function(evt) { 
     if (evt.target.tagName.toLowerCase() == 'button') { 
     var startByte = evt.target.getAttribute('data-start'); 
     var endByte = evt.target.getAttribute('data-end'); 
     readBlob(startByte, endByte); 
     } 
     }, false); 
     
     </script> 
     
     </body> 
     </html> 
     
  2. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.