要加載在JavaScript的

Question

我創建了一個下拉3個選項 一個 b Ç

我想加載一個本地文件中的文本下拉選項中選擇文本區域的文本文件除了選擇選項的下拉菜單之外，還在同一頁面上顯示區域。

例如，當我點擊選項a時，應該在文本區域顯示a.txt的內容。

當我點擊選項b時，b.txt的內容應顯示在文本區域。

請幫忙。

Answer 1

你不應該這樣做與JavaScript。要訪問文件系統，您需要一些服務器端語言，如C＃或PHP。有新的文件系統API，但僅在現代瀏覽器（HTML 5）中受到支持，這會限制您的用戶使用較早版本的協議。

http://www.html5rocks.com/en/tutorials/file/dndfiles/

Answer 2

您需要使用HTML5文件系統API讀取本地文件。

示例代碼：如果你想這樣做對本地文件系統中的瀏覽器

function readSingleFile(evt) { 
    //Retrieve the first (and only!) File from the FileList object 
    var f = evt.target.files[0]; 

    if (f) { 
     var r = new FileReader(); 
     r.onload = function(e) { 
      var contents = e.target.result; 
     alert("Got the file.n" 
       +"name: " + f.name + "n" 
       +"type: " + f.type + "n" 
       +"size: " + f.size + " bytesn" 
       + "starts with: " + contents.substr(1, contents.indexOf("n")) 
     ); 
     } 
     r.readAsText(f); 
    } else { 
     alert("Failed to load file"); 
    } 
    } 

    document.getElementById('fileinput').addEventListener('change', readSingleFile, false); 

更多詳細信息，可瀏覽這裏http://www.html5rocks.com/en/tutorials/file/filesystem/

http://www.htmlgoodies.com/beyond/javascript/read-text-files-using-the-javascript-filereader.html#fbid=EF1E1e1JJgF

Answer 3

- 沒有機會。至少你必須運行本地Web服務器。

在網絡服務器，它會長得很像這樣：http://webkurz.kvalitne.cz/pracovni_soubory/zima2013/ajax.html，只有你可以使用jQuery獲取

Answer 4

，如果你想（假設腳本是在.PHP文件）

你可以在你的腳本中使用PHP

<?php 
    function readTextFile($file) { 
     $myfile = fopen($file, "r") or die("Unable to open file!"); 
     return str_replace("'", '"', fread($myfile, filesize($file))); 
     fclose($myfile); 
    }; 
?> 

var optionsObject = { 
    a: '<?=readTextFile('/path/to/a.txt') ?>', 
    b: '<?=readTextFile('/path/to/b.txt') ?>', 
    c: '<?=readTextFile('/path/to/c.txt') ?>' 
}; 
var optionsArray = [ 
    '<?=readTextFile('/path/to/a.txt') ?>', 
    '<?=readTextFile('/path/to/b.txt') ?>', 
    '<?=readTextFile('/path/to/c.txt') ?>' 
]; 

第一個JS變量（optionsObject）是一個對象。要從此變量中獲取文本文件，請使用optionsObject.{abc}（將{abc}替換爲a,b或c）。

第二個JS變量（optionsArray）是一個數組。要從此變量中獲取文本文件，請使用optionsArray[{0-2}]（用0,1或2替換{0-2}）。

您也可以使用JavaScript的Ajax，但是您使用的是.txt文件，因此您必須添加一些額外的代碼，因爲大多數瀏覽器都緩存文本文件並且不想重新讀取它們。 PHP將會重新讀取它們，並且不會像瀏覽器那樣緩存文本文件。