将文本从txt文件导入URL

时间:2017-03-09 09:55:56

标签: javascript php html text

我想知道是否有可能在该文件中只有一个单词(例如:蓝色)的文本文件(例如text.txt),所以我可以将此文本导入我的HTML页面上的URL。 / p>

<a src="localhost/img/TEXTFROMFILE.png"></a>

这样我只需在文本文件中输入一个单词即可更改图像。 我想你需要导入文件,然后创建一个字符串?但我不是专家......

2 个答案:

答案 0 :(得分:1)

如果你想在Php中这样做,那将很容易。 我只是向您展示一个例子。

让我们说txt文件名为blue.txt,而不是代码。

 <?php

    $name = file_get_contents("./blue.txt");
    echo "<a href=\"localhost/img/".$name.".png\"></a>";

?>

以下是在客户端实现它的代码。

Html + plain Javascript

<html>
<head>
</head>
<body>
<script type="text/javascript">
var client = new XMLHttpRequest();
client.open('GET', '/text.txt');
client.onreadystatechange = function() {
  var text = client.responseText;
  var anchor = document.createElement("a");        // Create a <a> element
  annchor.setAttribute("href", "localhost/img/"+text+".png");  
}
client.send();
</script>
</body>
</html>

答案 1 :(得分:1)

请注意,“a”-tags没有“src”属性。

此处列出了有效的“a”属性: https://www.w3schools.com/tags/tag_a.asp

也许你的意思是href而不是src?