Question

我想知道如何阅读文本文件并获取javascript代码的信息。我的意思是，

如果我的文字文件包含youtube视频ID和标题

ID：youtubeVideoID1“Title1” ID：youtubeVideoID2“Title2” ID：youtubeVideoID3“Title3” ID：youtubeVideoID4“Title4”

例如： ID：gsjtg7m1MMM“X-Man预告片！”

我希望我的网站（Index.html）按顺序读取文本文件的第1行，并在我的网站上显示这样的youtube视频：

<a href="https://www.youtube.com/watch?v=(VIDEOID FROM TEXT FILE)" title="(TITLE FROM THE TEXT FILE)"><img width="143" alt="(TITLE)" src="http://img.youtube.com/vi/(VIDEO_ID)/hqdefault.jpg" ></a>

它只需要读取并显示以“ID：”开头的行，并且ID之后的第一个单词是VIDEO_ID（因此它应该是VAR），并且在“space”之后出现“TITLE”（它可以用某种语言写几个字）也应该是var ..

所以如果我在ID + TITLE的文本文件中只有5行，它会在页面上显示我，只有5个嵌入视频... 如果还有更多，那么......

如果是javascript，我需要在网上写什么代码才能显示？

谢谢！希望有人能帮助我...

Answer 1

这似乎相对简单。

首先我们需要读取txt文件：

function readTextFile(file)
{
var rawFile = new XMLHttpRequest();
rawFile.open("GET", file, false);
rawFile.onreadystatechange = function ()
{
    if(rawFile.readyState === 4)
    {
        if(rawFile.status === 200 || rawFile.status == 0)
        {
            var allText = rawFile.responseText;
            return allText;
        }
    }
}
rawFile.send(null);
}

var txt = readTextFile("path/to/txt/file.txt");

然后我们需要解析文件，所以假设文件如上所示我们可以这样做：

var split_txt = txt.split("ID:");
for(var i=0;i<split_txt.length;i++){
    var id = split_txt[i].split(" \"")[0];
    var title = split_txt[i].split(" \"")[1].slice(0,-1);
    $("body").append("<a href=\"https://www.youtube.com/watch?v="+id+"\" title=\""+title+"\"><img width=\"143\" alt=\""+title+"\" src=\"http://img.youtube.com/vi/"+id+"/hqdefault.jpg\" ></a>");
}

你需要jQuery来运行它。

从文件中读取行并在youtube嵌入我的网站时导入

1 个答案: