2016-10-31 20 views
1

私はEvan plaice jquery-csv libaryを使用していますが、Googleコードが廃止された後にコードが更新されていないため、現時点で問題が発生しています。jquery関数がインポートされていても定義できません

私はcsvファイルをアップロードする彼の例の1つを使用しています。このファイルを解析すると、csvファイルがWebページDemo hereに表示されます。

githubからコードをダウンロードしましたが、彼がインポートしたgooglecodeがもう機能していないため、私は使用しているファイルと同じフォルダにjquery.csv.jsファイルを置きました。 jquery.csv.jsには、htmlファイルのtoArrayという関数があります。私は<script src="http://jquery-csv.googlecode.com/git/src/jquery.csv.js"></script>に使用されている行を削除し、<script type="text/javascript" src="./jquery.csv.js"></script>を追加しました。しかし、何らかの理由でtoArryが定義されていないと不平を言います。

基本的にコードは次のようである:開発者で

function printTable(file) { 
    var reader = new FileReader(); 
    reader.readAsText(file); 
    reader.onload = function(event){ 
    var csv = event.target.result; 
    var data = $.csv.toArrays(csv); << The line that has problem. 
    var html = ''; 
    for(var row in data) { 
     html += '<tr>\r\n'; 
     for(var item in data[row]) { 
     html += '<td>' + data[row][item] + '</td>\r\n'; 
     } 
     html += '</tr>\r\n'; 
    } 
    $('#contents').html(html); 
    }; 
    reader.onerror = function(){ alert('Unable to read ' + file.fileName); }; 
} 

慰めることを示し:

Uncaught TypeError: Cannot read property 'toArrays' of undefined at FileReader.reader.onload (file:///Users/Jace/Downloads/jquery-csv-master/examples/file-handling.html:75:25)

+0

'jquery.csv.js'ファイルのパスを確認してください。同じフォルダに入れた場合は、' src = "jquery.csv.js" 'を使い、ファイルのシーケンスは何ですか? – Satpal

+0

最初はsrc = "jquery.csv.js"を使用しましたが、それでも動作しませんでした。シーケンスの意味は?申し訳ありません、私はjqueryの少し新しいです。速やかなご返信ありがとうございます。 –

+0

1. '' '' 3。あなたのスクリプト – Satpal

答えて

2

私はあなたが問題だと思うあなたはjqueryの-CSVへの参照を削除したときにということですGoogle Codeでホストされ、あなたのローカルバージョンを含むライブラリをjQueryへの参照の上に置いてください。それが、私があなたが記述しているエラーに気づいたときです。 JavaScriptファイルにロードする順序は重要です。たとえば、ファイルB.jsのJavaScriptコードがA.jsのコードに依存する場合、の前にB.jsと指定する必要があります。あなたはHTMLファイル内のファイルを指定している順序が正しいかどう

だから基本的にチェック:

<body> 
    <!-- HTML... --> 

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
    <script src="jquery.csv.js"></script> <!-- The "./" is not used here --> 

    <script> 
     // Code... 
    </script> 
</body> 

また、前面に./は必要ありませんし、一般的ではありません。私は決してそれを使用していない。 ;)

私はそれがあなたにもう少し明確になることを願っています!

+0

OMGありがとう、ありがとう! –

関連する問題