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。

您将在这里获得有关如何使用它的所有必要说明。我目前使用它来上传文件。

动态新闻文章

1 个答案: