2016-10-31 24 views
2

csvファイルからデータを取り出して画面に出力できるようにするにはコードが必要です。現時点では、txtファイルからデータが正しく取り込まれますが、CSVは「ファイルがサポートされていません」を返すだけです。ここに私のコードです。JavascriptでCSVファイルを読む方法

<html> 
<div id="page-wrapper"> 

     <div> 
      Select a text file: 
      <input type="file" id="fileInput"> 
     </div> 
     <pre id="fileDisplayArea"><pre> 

    </div> 
    <button onClick="test()">Show Text</button> 
<script> 
function test(){ 
    var file = fileInput.files[0]; 
var textType = /text.*/; 
    if (file.type.match(textType)) { 
    var reader = new FileReader(); 

    reader.onload = function(e) { 
    var look = reader.result; 
    window.alert (look); 
    } 

    reader.readAsText(file); 
} else { 
    fileDisplayArea.innerText = "File not supported!"; 
} 
} 


</script> 

答えて

2

fileオブジェクトのtypeプロパティがファイルの拡張子に基づいて、OSが提供するタイプです。

Windows上

filetypecsvのファイルがapplication/vnd.ms-excelですので、あなたがチェックしたとき:

file.type.match(/text.*/) 

それは偽です。別のオプションは、ファイルの拡張子をチェックすることです

var textType = /text.*/; 
var csvType = 'application/vnd.ms-excel'; 
if (file.type.match(textType) || file.type == csvType) { 

if (file.name.endsWith('.csv')) { 
    ... 
} 
+0

おかげで多く、完全に働いた

あなたはtext.*またはapplication/vnd.ms-excelのいずれかをチェックするようにコードを変更を使用することができます –

関連する問題