バニラのjavascriptでcsvファイルからテキストを取得する方法

Question

私は入力タグを持っています： <input type="file" id="fileUpload" accept=".csv"/> ユーザからcsvファイルを取得します。私はそれから、変数を次のように変数に格納します。 const csvFile = document.getElementById('fileUpload'); 可能であれば、ファイルの内容を1つの大きな文字列にするにはどうすればよいですか？

Answer 1

FileReaderを使用してファイルを読み取ることができます。

<input type="file" id="fileUpload" accept=".csv" onchange="open(event)" /> 

<script> 
    var open = function(event) { 
    var input = event.target.files[0] 

    var readerObj = new FileReader() 

    readerObj.onload = function() { 
     var fileText = readerObj.result 
     //do something with fileText here.... 
    } 
    readerObj.readAsText(input) 
    } 
</script>