How to save html form data in txt file using javascript-CodePudding

I have a html form. I want to store form data in another txt file using javascript. For ex: I have a html form and store-data.txt file . when user fill the form and hit submit, so data stored in store-data.txt file. How I will do this using javascript.

CodePudding user response：

Javascript can`t save data on server. JS can save data on clients machine. Data on clients machine can be stored using cookie. But I feel, it isnt an aim. Store data from froms can server side apps, driven like php.

CodePudding user response：

You can use filesaver.js library for a clean implementation or follow along with this codepen It is the quickest.

CodePudding user response：

if you wanted to store input values assign all values in an object then JSON.stringify then throw it to this function to get text file of json

function createTextFile(str){
    var file = new Blob([str])
        anchor = document.createElement("a")
    anchor.href = URL.createObjectURL(file)
    anchor.download = "fileName"
    anchor.click()
    URL.revokeObjectURL(anchor.href)
    anchor.remove()    
}

var input = "this is a string to test"
createTextFile(input)

and if you wanted to save in server side with php there is function in php file-put-contents