write data to local browser storage in angularjs

Question

I am developing the front end of an application in AngularJS. Input is given in a search box, on clicking the search button, I have to save the data in a text file. (The input will be a string). How do I do this?

Also, after this operation, I have to view the output stored in a text file in the html. How do I do this?

What have you tried so far? share some code... or are you expecting code from scratch? — taxicala, Oct 01 '15 at 19:20
I just googled very "angularjs writing to file", wasn't that hard to find out: http://stackoverflow.com/questions/28536265/how-to-write-data-to-file-in-angularjs — Daniele Sassoli, Oct 01 '15 at 19:20
What you mean by saying "save"? Do you want to write in file system or in memory? — Luan Reffatti, Oct 01 '15 at 19:29
i want to write in file system. currently for displaying the text file - i am using embed src. — akashrajkn, Oct 01 '15 at 19:31
@DenisBokor angular.toJson saves it in .json format..... for me the requirement is -- suppose the search box has "alpha beta gamma", on clicking search button, a new file (lets call it "pqr.txt") pqr.txt is created in the file system, and the content of the text file is "alpha beta gamma" — akashrajkn, Oct 01 '15 at 19:34
You cannot write to file system from javascript. It's strictly forbidden by the browsers itself. — taxicala, Oct 01 '15 at 19:41
@akashrajkn write to any file would be a serious security hole. — Luan Reffatti, Oct 01 '15 at 19:51
Why do you need to save to a text file? ... How about a "data storage" like a database? ... Do the end user need to access the text file from somewhere else? — Asons, Oct 08 '15 at 06:09
No, the end-user does not need access to the text file. I will try using a database like you suggested, thanks — akashrajkn, Oct 08 '15 at 06:12

score 2 · Accepted Answer · answered Oct 08 '15 at 06:33

Quite often the saved data is not for the end user but the app.

A text file seems often as a simple and quick way (which is kind of isn't when we talk about web apps and client side access).

At this link, Client-Side Storage, you find a few "local storage solution" and their pros/cons, which you can compare with server based databases, to find the best way for your app.

And as its title says, the benefit of client side storage is access to it without internet connection.

score 1 · Answer 2 · answered Oct 08 '15 at 07:02

You can use the full power of the File System API only if you can get the user to select the file you need to write to. You can use cookies in your code if that is not your case.

The saveData function can save whatever the string you need in a cookie. The file will be there even after you close the browser (set for 30 days in my example).

The loadData function returns the data you saved in a previous session.

Use $cookies provider in Angular if you use it. It sums the things up in a nicer way.

You will see that cookies can do much more things including saving multiple data sets in multiple files if you explore bit more by googling about it.

function saveData(searchQuery) {

    var d = new Date();
    d.setTime(d.getTime() + (30*24*60*60*1000));
    var expires = "expires="+d.toUTCString();

    document.cookie = "mySearch=" + searchQuery + "; expires=" + expires;

};

   function loadData() {
       return document.cookie;
   }

score 0 · Answer 3 · answered Oct 08 '15 at 05:46

0

Look at this link : js-xlsx. Another way is to use the angular.toJson method, save into a json file and access it as needed

answered Oct 08 '15 at 05:46

clearScreen

1,002
4
15
31

write data to local browser storage in angularjs

3 Answers3