Breaking News: Grepper is joining You.com. Read the official announcement!

js read text file

Add Answer

P. Tune answered on February 23, 2022 Popularity 10/10 Helpfulness 5/10

answer js read text file

related javascript read text file from url

related javascript read .txt file and display in html

js read text file

Comment

<!-- No need for fetch or ajax.
 Use the widely supported FileReader api. -->
<input type="file" name="inputfile" id="inputfile">
<pre id="output"></pre>
<script type="text/javascript">
	document.getElementById('inputfile')
		.addEventListener('change', function() {

			var fr = new FileReader();
			fr.onload = function() {
				document.getElementById('output')
					.textContent = fr.result;
			}

			fr.readAsText(this.files[0]);
		})
</script>

Popularity 10/10 Helpfulness 5/10 Language html

Source: www.geeksforgeeks.org

Tags: file html read-text

Link to this answer
Share Copy Link

Contributed on Feb 23 2022

P. Tune

0 Answers Avg Quality 2/10

Closely Related Answers

javascript read text file from url

Comment

const xhttp = new XMLHttpRequest();
xhttp.onload = function() {
    document.getElementById("demo").innerHTML = this.responseText;
}
xhttp.open("GET", text_file_url);
xhttp.send();

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: file

Link to this answer
Share Copy Link

Contributed on Jun 10 2022

Raj Prajapati

0 Answers Avg Quality 2/10

javascript read .txt file and display in html

Comment

<!DOCTYPE html>
<html>
<head><meta charset="utf-8" />
<title>Read File (via AJAX)</title>
<script type="text/javascript">
var reader = new XMLHttpRequest() || new ActiveXObject('MSXML2.XMLHTTP');

function loadFile() {
    reader.open('get', 'test.txt', true); 
    reader.onreadystatechange = displayContents;
    reader.send(null);
}

function displayContents() {
    if(reader.readyState==4) {
        var el = document.getElementById('main');
        el.innerHTML = reader.responseText;
    }
}

</script>
</head>
<body>
<div id="container">
    <input type="button" value="test.txt"  onclick="loadFile()" />
    <div id="main">
    </div>
</div>
</body>
</html>

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: display

Link to this answer
Share Copy Link

Contributed on Feb 23 2023

Zorglub

0 Answers Avg Quality 2/10

js read text file

Contents

More Related Answers

js read text file

Closely Related Answers

javascript read text file from url

javascript read .txt file and display in html

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.