How Can I Read The File Contents By Specifying File Path

Question

0.00/5 (No votes)

See more:

I tried writing a program to read the file contents of the file whose path we specify. kind of stuck with it..
<html>
<head>
<title>read_files</title>
</head>
<body>
<input type="file" id="fileinput" />
<script type="text/javascript">
function readSingleFile(evt) {
//Retrieve the first (and only!) File from the FileList object
var f = evt.target.files[0];
//document.getElementById("resultDiv").innerHTML=f;
//var eventdetails = "event name=" + evt.type + " target type= " + evt.target.type + " target tag name=" + evt.target.tagName;
//document.getElementById("resultDiv").innerHTML=eventdetails;

if (f) {
var r = new FileReader();
r.onload = function(e) {
var output = e.target.result;
//document.getElementById('results').innerHTML=output;
//process text to show only lines with "@":
output=output.split("\n").filter(/./.test, /\\/).join("\n");
document.getElementById('main').innerHTML= output;

}
r.readAsText(f);
} else {
alert("Failed to load file");
}
}

var path=document.getElementById('fileinput').addEventListener('change', readSingleFile, false);
//document.getElementById('resultDiv').innerHTML=path;
//alert(path.value);
</script>

</body>
</html>
this is the code ive written ignore the commented ones

Posted 3-Apr-15 8:23am

Member 11573324

Updated 3-Apr-15 8:46am

v2

Add a Solution

Comments

Sergey Alexandrovich Kryukov 3-Apr-15 14:34pm

Is it JavaScript embedded in a browser? ~~Then is not supposed to access any file, for safety reasons; you only navigate to some URL and can read content from a page...~~
—SA

Member 11573324 3-Apr-15 14:48pm

in this program i can access the file but ive to choose it manually

Sergey Alexandrovich Kryukov 3-Apr-15 15:03pm

I was wrong: there is HTML5 File API: http://en.wikipedia.org/wiki/HTML5_File_API.
—SA

ZurdoDev 3-Apr-15 14:36pm

You can't with JavaScript by itself. Click improve question and show what code you have that got you close.

Member 11573324 3-Apr-15 14:49pm

I just did, I need to update this code such that instead of choosing manually it directly accesses the file from the path specified in the code

Sergey Alexandrovich Kryukov 3-Apr-15 15:04pm

There is HTML5 File API: http://en.wikipedia.org/wiki/HTML5_File_API...
—SA

Member 11573324 3-Apr-15 15:20pm

In those program file is chosen manually by us. Whereas im trying to write a code where the file path must be present in the code and it is read automatically .

Sergey Alexandrovich Kryukov 3-Apr-15 19:41pm

It would not be portable. What's wrong with "chosen manually"?
Note that if you need some permanent data deployed with the site, you can use Web storage.
—SA

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)