動態新聞文章頁面

Question

我目前正在更新 SMI 公司的網站。 他們的網站有一個新聞頁面http://www.smitmc.com/news ，我希望將其包含在他們的新網站中。

我試圖通過在文件夾中加載文本文件並在 div 中顯示它們來通過 PHP 執行此操作。

這是我的 PHP

    <?php
    $time = array();
    $text = array();
    $title = array();
    foreach (glob("news/*.txt") as $filename)
    {
        $fileText = file_get_contents($filename);

        $title[] = basename($filename, ".txt");;
        $text[] = addslashes($fileText);
        $time[] = "Date Uploaded: ".date("F d Y",filemtime($filename));
    }
?>

這是我的 javascript

<script type="text/javascript">     
        window.onload = function () 
        {
            var arr = new Array("<?php echo implode('","',$time)?>");
            var arrText = new Array("<?php echo implode('","',$text)?>");
            var arrTitle = new Array("<?php echo implode('","',$title)?>");
            for (var i = 0; i < arrText.length; i ++) 
            {
                var div = document.createElement ("div");
                var titleText = document.createElement("h1");
                var dateStamp = document.createElement("p");
                var articleText = document.createElement("p");

                div.style.border = "1px solid #c2c2c2";
                div.style.background = "#f2f2f2";
                div.style.borderRadius = "3px";
                div.style.margin = "20px";
                div.style.padding = "10px";
                div.style.fontFamily = "Amble";
                div.style.color = "#555";
                div.style.fontSize = "12px";
                div.id = arrTitle[i];

                dateStamp.style.position = "relative";
                dateStamp.style.left = "-10px";
                dateStamp.style.top = "-10px";
                dateStamp.style.fontSize = "16px";
                dateStamp.style.color = "#be1111";

                articleText.style.position = "relative";
                articleText.style.left = "-10px";
                articleText.style.top = "-10px";
                articleText.style.fontSize = "14px";

                titleText.innerHTML = arrTitle[i] ;
                dateStamp.innerHTML = arr[i];
                articleText.innerHTML = arrText[i];

                 document.getElementById("newsBlock").appendChild (div);
                 document.getElementById(arrTitle[i]).appendChild(titleText);
                 document.getElementById(arrTitle[i]).appendChild(dateStamp);
                 document.getElementById(arrTitle[i]).appendChild(articleText);
            }
         }
    </script>

當我嘗試讀取多行文本文件時出現問題。 如果文本文件是單行文本，我沒有問題。 當然，這是不可接受的。

我想知道如何解析多行文本文件並使用此代碼加載並顯示它。 我對 CMS 不感興趣，所以請不要建議將其作為選項。

謝謝

Answer 1

如果您不介意使用 HTML5，我認為對您來說最好的解決方案是使用 FileReader。

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

您將在此處獲得有關如何使用它的所有必要說明。 我目前使用它來上傳文件。