How to read content of file with javascript

Question

0

Yes I've looked already at internet, 3 different queries, 5 pages each, looked on StackOverflow, then its marked as offtopic question, searched through here, answer related like sun and pancakes.

My question is, how can I store content of file into variable?
While I was Googling I came on this website few times, and script did not work.
Could anybody help?

How can I store content of "foo.txt" into "xyz" variable?

(Sorry for such LQ post, just searching for an answer for hour, literally)

javascript

Edited 4 Years Ago by RikTelner

6

Contributors

12

Replies

84

Views

4 Years

Discussion Span

4 Years Ago

Last Post by Troy III

This Question has been Answered

javascript

ryantroop 115 · Answer 1 · 2013-11-25T00:17:58+00:00

The only way I can think of doing it is to submit a file (via ajax or iframe) and then the callback or whatever method you prefer sets the value of a variable.

Javascript is abstracted from the OS/File System for security reasons. The user needs to "give" you the file before you can do anything with it. However, you are setting a "cookie" or local storage variable, you may be able to do something there. However, I think it would be fairly limited due to size contraints and the fact that you need to set the file before you can edit it.

Perhaps if you explained what you were trying to do someone can give a good starting point for research or code example?

nouth -3 · Answer 2 · 2013-11-25T09:41:59+00:00

Maybe this can help?
http://www.w3schools.com/asp/met_opentextfile.asp
Or am I confused about the files location?
These links should be helpful.
What is ASP.net?
ASP and JavaScript
Using JavaScript Along with ASP.NET
ASP Tutorial - JavaScript
Build an ASP.NET JavaScript Generator
asp.net javascript generic function

JavaScripts: The Official Microsoft ASP.NET Site
JavaScript and AJAX
Unobtrusive Ajax in ASP.NET
HTML5 and jQuery
Working with the DropDownList Box and jQuery

stbuchok 123 · Answer 3 · 2013-11-25T13:39:33+00:00

Is this a file on the local computer or on the server?

For reading a textfile off of a server you can easily do this using jQuery.
http://api.jquery.com/load/

If you want to read the file from the local machine, and you are good with using HTML5, then you can look at this article (just make sure your browser supports it).
http://www.html5rocks.com/en/tutorials/file/dndfiles/

RikTelner 20 · Answer 4 · 2013-11-25T16:06:36+00:00

Why is everyone including ASP.net and Ajax?
There is file, a website file that I want to include to main page.
And I need content of file as variable to be able to change content by .js file.

This local file, but. But I mean JS in website design, not a file to double click on.

RikTelner 20 · Answer 5 · 2013-11-25T17:43:06+00:00

I saw no editon button, this is script I am including as JS into HTML document, and no result.

var fso = new ActiveXObject("Scripting.FileSystemObject");
fileObj = fso.GetFile("foo.txt");

alert ("Before");
alert (fileObj);
alert ("After");

@edit This post has edit button, but not earlier written one.

ryantroop 115 · Answer 6 · 2013-11-26T03:42:47+00:00

ActiveX objects, as far as I know, requires some sort of Microsoft intervention or emulation... that is, you probably need to do more than just create an active X object in script.

I assume, then, that you are running this in IE and on Windows, or are familliar with this type of object (I am not).

However, a quick lookup to MSDN says:
http://msdn.microsoft.com/en-us/library/2z9ffy99

Looks like you are close. GetFile seems to require an absolute path. Try instead:

fileObj = fso.GetFile("C:\foo.txt"); //this assumes the file lives on the C:\ drive.

Hope that helps.

Alternatively, as I had suggested above (and others also tried to build upon), is you upload a file to your server using a traditional file input (<input type="file" name="upload" .... />), and let the server process the file for you, then spit out a return value that can be JSON encoded or any other encoding you like, and then store that in a javascript variable. This would be cross browser / cross platform, and allow you to do a bit more with the data coming in.

Ryan

RikTelner 20 · Answer 7 · 2013-11-26T11:36:42+00:00

Dear Ryan,

Are we surely talking about same Javascript? I don't need things to upload. The .js file is in same folder as .txt file. The script I want make work is:

function thefunction() {
    document.getElementById("divid").innerHTML = content_from_file;
}

But I don't know how to set content_from_file.

Does that make it anysome clearer?

stbuchok 123 · Answer 8 · 2013-11-26T12:27:26+00:00

Seriously, use jQuery. It's a javascript library and is cross browser and ends up being one line.

RikTelner 20 · Answer 9 · 2013-11-26T16:59:32+00:00

Seriously, use jQuery. It's a javascript library and is cross browser and ends up being one line.

How do I retrieve it? I see how it loads, and how to change content of div to content of file. But I need content of file, as variable.

stbuchok 123 · Answer 10 · 2013-12-02T12:46:23+00:00

ok, use $.get instead http://api.jquery.com/jQuery.get/ or use load for a div that is hidden and when the load is complete put the contents of the div into a variable.

Answer 11 · 2013-12-02T17:11:57+00:00

Why is everyone including ASP.net and Ajax

AFAIK you need to use Ajax to get the content, as previously mentioned. Avoid solutions using ActiveX as they will only work for IE.

If you just want the contents of a text file, then use something like jQuery (also as previously mentioned). A quick look gave me this...

http://stackoverflow.com/questions/196498/how-do-i-load-the-contents-of-a-text-file-into-a-javascript-variable

Funny what's out there...

Troy III 272 · Answer 12 · 2013-12-08T04:18:51+00:00

This is my pre-AJAX (1997-, technology) a live demo at: http://www.aeneidas.com/