使用html和JavaScript解析文件作爲輸入

我創建了一個帶有html和JavaScript的網站，它描述了K-means算法。此外，我製作了一個模擬器，可以與自動生成的隨機數據集一起工作。使用html和JavaScript解析文件作爲輸入

現在，我想給用戶提供一個帶有自己數據集的txt文件作爲輸入的機會，以便使模擬器更具交互性。

所以，我創造了這個形式

<form name="myForm"> 
    <p> <input type="file" name="file" id="file"> </p> 
    <br> <br> 
    <p> &nbsp; <b> Push the button </b> </p> 
    <input type="submit" name="submit" value=" Start of simulation " onClick="validatename()"/> 
    </form>

我也創建了一個JavaScript函數-validatename（） - 和來檢查，如果用戶選擇了一個txt文件，到現在一切正常。

現在我想讀取和解析文件，但我有許多問題與javaScript。我讀了很多，我檢查了很多方法。

您對最佳解決方案和我必須看的地方有何看法？有一個類似的例子嗎？

PHP（爲了將文件移動到服務器端）？ HMTL5（但與某些broswers不兼容）？ Jquery？純Javascript？

我使用谷歌Chrome瀏覽器。

我試圖找到最簡單和最安全的方式.. 你能幫我嗎？

p.s.對不起我的英語不好。

來源

2013-05-25 Con89

如果您的算法演示純粹在瀏覽器中運行，那麼我寧願不涉及服務器端組件，而是使用_HTML5 File API_來代替。而且我不擔心在這種情況下不支持它的舊瀏覽器。 _你想要一些嗎？（功能）那麼，首先你必須帶上一些！（一個足夠現代的瀏覽器）_ – CBroe

您想解析服務器或客戶端（瀏覽器本身）上的文件。如果服務器取決於您使用的服務器腳本，您可以將該文件發佈到服務器並在那裏處理它這個鏈接談論使用PHP在服務器上發佈：http：//www.w3schools.com/php/php_file_upload.asp。如果你想處理客戶端本身，那麼我會建議閱讀這篇文章：http：//www.htmlgoodies.com/beyond/javascript/read-text-files-using-the-javascript-filereader.html#fbid=AKGQhnvbDXd –

你可以使用PHP文件的路徑移動到文件夾，然後產生一些JavaScript，是這樣的：

<?php 
    // Upload the file... 
    move_uploaded_file(...); 

    // Echo the path 
    echo "<script type=\"text/javascript\">var path = \"uploaded/filename.txt\";</script>"; 
?>

，然後使用該變量來讀取文件（通過AJAX，例如）。

來源

2013-05-25 19:04:47

我建議這樣做，因爲在輸入文件中選擇本地文件時，它不允許您獲取路徑（安全原因）。所以，腳本無法知道要上傳的文件的位置。 –

使用html和JavaScript解析文件作爲輸入

回答

相關問題