2017-06-27 14 views
0

現在、このコードを使用してJavaScriptを使ってウェブブラウザでcsvのコンテンツを表示しています。しかし、これは他のブラウザではiframeからコンテンツを取得することができないので、これはFirefoxでのみ機能します。私はこのメソッドを使用したい場合、私のCSVをtxtに変換する必要があり、txtの代わりにcsvを保持したいと思います。JavaScriptを使ってcsvファイルを読む

Iframe部分とtxt部分がなくてもこの作業を行うことができますので、別のブラウザでも使用できますか?ありがとう!

<iframe id="frmFile" src="content/assets/output.txt" onload="LoadFile();" style="display: none;"></iframe> 

<script>function LoadFile() { 
var oFrame = document.getElementById("frmFile"); 
var strRawContents = oFrame.contentWindow.document.body.childNodes[0].innerHTML; 

while (strRawContents.indexOf("\r") >= 0) 
strRawContents = strRawContents.replace("\r", ""); 
var arrLines = strRawContents.split("\n"); 
var alltext = ""; 

if(arrLines[12].split(";")[8] == "0"){ } 
for (var i = 1; i < arrLines.length; i++) 
{ 
    alltext += "<tr>"; 
    var prop = arrLines[i].split(";"); 
    for (var j = 0; j < 11; j++) { 
     alltext += "<td>" + prop[j] + "</td>"; 
    } 
    alltext += "</tr>"; 
    document.close(); 
} 
document.getElementById("message").innerHTML = alltext; 
} 
</script> 

答えて

1

私は、Ajaxは、ファイルの取得を示唆している - >あなたがテキストの内容を取得することができる方法。このよう

<!-- no iframe --> 

<script> 
var url = "http://www.example.com/file.txt"; 
var txtFile = new XMLHttpRequest(); 
txtFile.open("GET",url,true); 
txtFile.send(); 

txtFile.onreadystatechange = function(){ 
    if (txtFile.readyState== 4 && txtFile.status ==    
     var strRawContents = jsonFile.responseText; 
    } 
} 
</script> 
+0

?:https://pastebin.com/raw/0xpCmgREこのエラーを与える:キャッチされないにReferenceErrorを:LoadFileが、応答を編集HTMLIFrameElement.onload – Jeroen

+0

で が定義されていません。これは、iframeとレスポンステキストがファイルのテキスト(完全にあなたと同じ名前が付けられています)でなくても完全に完了しました。 – WuDo

+0

あなたのコードを使っています:Uncaught SyntaxError:予期しないトークンvar この(https://pastebin.com/raw/Zw2q8JtZ)コードを使用すると、MLHttpRequestはファイルを読み込めません:/// C:/ Users/Jay/test/etc/output.txt。 Cross originリクエストは、http、data、chrome、chrome-extension、httpsのプロトコルスキームでのみサポートされています。 – Jeroen

関連する問題