JSFiddle - React, Tailwind, and code Playground

sous-titres

by abubelinha

HTML

<li><a target=_blank  href="https://stackoverflow.com/questions/23331546/how-to-use-javascript-to-read-local-text-file-and-read-line-by-line">https://stackoverflow.com/questions/23331546/how-to-use-javascript-to-read-local-text-file-and-read-line-by-line</a></li>
<li><a target=_blank  href="http://trac.opensubtitles.org/projects/opensubtitles">opensubtitles.org</a>: <a target=_blank href="http://trac.opensubtitles.org/projects/opensubtitles/wiki/ProgramsUsingAPI">programs</a>
& <a target=_blank href="https://www.opensubtitles.org/en/search/subs">searchs</a> & <a target=_blank href="https://github.com/vankasteelj/opensubtitles-api">API</a>. <br><u>Alternatives:</u><br>
 <a target=_blank href="http://www.makeuseof.com/tag/3-subtitle-sources-movies-tv-series/">makeusof proposes 3</a>
 <br><a target=_blank href="https://forums.plex.tv/discussion/158557/opensubtitles-alternative">podnaipisi.net plex alternative</a>: <a target=_blank href="https://twitter.com/podnapisi_net">twitter</a>
</li>
<li><a target=_blank  href="https://www.w3schools.com/js/js_timing.asp">javascript timing</a></li>
<input type="file" name="file" id="file">
<br><span style='cursor:pointer;' onclick="">amosar</span>
<hr>
<div id=subtitulos></div>

JavaScript

var file;// Davide
var lines;// Davide
lines = "aqui non hai nada todavia";
document.getElementById('file').onchange = function(){

  //var file;// Davide
  file = this.files[0];

  var reader = new FileReader();
  reader.onload = function(progressEvent){
    // Entire file
    console.log(this.result);

    // By lines
    // var lines; // Davide
    lines = this.result.split('\n');
    for(var line = 0; line < lines.length; line++){
      //console.log(lines[line]);
      document.getElementById('subtitulos').innerHTML+=
  lines[line];
    }
  };
  reader.readAsText(file);
  // DAVIDE:
  document.getElementById('subtitulos').innerHTML=
  "bla bla bla";
  document.getElementById('subtitulos').innerHTML+= file;
  document.getElementById('subtitulos').innerHTML+=JSON.stringify(lines);
};