2016-10-31 5 views
1

저는 Evan plaice jquery-csv libary을 사용하고 있습니다 만, Google 코드가 사용 중지 된 후 업데이트되지 않은 코드 때문에 현재 문제가 많습니다.jquery 함수를 가져올 수 있지만 정의 할 수 없습니다.

나는 csv 파일을 업로드하는 예제 중 하나를 사용하고 있습니다.이 파일은 CSV 파일이 웹 페이지 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 코드에 호스팅하고 현지 버전을 포함 시키려면 jQuery 자체에 대한 참조 위에 추가하십시오. 그 때 당신이 설명하는 오류를 발견했습니다. JavaScript 파일에서로드하는 순서는 중요합니다. 예를 들어 B.js 파일의 JavaScript 코드가 A.js의 코드에 따라 달라지면 보다B.js 전에 A.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 감사합니다. –

관련 문제