Include text file from HTML

Question

Is there any way to do something like this in HTML, (or do you know of a quick javascript I can link to for this?)

<body>
<h1> Static Text </h1>
<p> <include href="snippets/dynamic.txt" /> </p>
</body>

Which would render the text inside of "dynamic.txt" as part of the webpage (client side) since this is a static site with no server side scripting engine.

You could use an iframe or ajax but it's probably better to do it with a server side language like nodejs java ruby php... — jantimon, Jul 15 '15 at 01:32
Server Side Includes if your server supports it, Or load it with Ajax — epascarello, Jul 15 '15 at 01:35

score 0 · Answer 1 · edited May 23 '17 at 12:21

you can following this function in here Javascript - read local text file , i hope it can help

this is code in that

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;
                alert(allText);
            }
        }
    }
    rawFile.send(null);
}

And specify file:// in your filename:

readTextFile("file:///C:/your/path/to/file.txt");

Include text file from HTML

1 Answers1