Download textarea contents as a file using only Javascript (no server-side)

by

This may be what you are looking for:
http://thiscouldbebetter.wordpress.com/2012/12/18/loading-editing-and-saving-a-text-file-in-html5-using-javascrip/

It uses the browser’s download dialogue, but supports only FF and Chrome, and maybe more browsers now?

   function saveTextAsFile(textToWrite, fileNameToSaveAs)
    {
    	var textFileAsBlob = new Blob([textToWrite], {type:'text/plain'}); 
    	var downloadLink = document.createElement("a");
    	downloadLink.download = fileNameToSaveAs;
    	downloadLink.innerHTML = "Download File";
    	if (window.webkitURL != null)
    	{
    		// Chrome allows the link to be clicked
    		// without actually adding it to the DOM.
    		downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);
    	}
    	else
    	{
    		// Firefox requires the link to be added to the DOM
    		// before it can be clicked.
    		downloadLink.href = window.URL.createObjectURL(textFileAsBlob);
    		downloadLink.onclick = destroyClickedElement;
    		downloadLink.style.display = "none";
    		document.body.appendChild(downloadLink);
    	}
    
    	downloadLink.click();
    }
<textarea id=t>Hey</textarea><br>
<button onclick=saveTextAsFile(t.value,'download.txt')>Download</button>

More Related Contents:

  1. JavaScript blob filename without link
  2. How to trigger a file download when clicking an HTML button or JavaScript
  3. Using HTML5/JavaScript to generate and save a file
  4. Get page generated with Javascript in Python
  5. Download A File At Different Location Using HTML5
  6. How to download a file without using element with download attribute or a server?
  7. How can I let a user download multiple files when a button is clicked?
  8. Double digit 30 seconds countdown
  9. Using HTML5/Canvas/JavaScript to take in-browser screenshots
  10. download file using an ajax request
  11. Why can’t I call a function named clear from an onclick attribute?
  12. Way to ng-repeat defined number of times instead of repeating over array?
  13. JavaScript Form Submit – Confirm or Cancel Submission Dialog Box
  14. innerText vs innerHTML vs label vs text vs textContent vs outerText
  15. Connecting to TCP Socket from browser using javascript
  16. Which browsers support ?
  17. How do I check if a cookie exists?
  18. HTML 5 video or audio playlist
  19. How to use greasemonkey to selectively remove content from a website
  20. HTML DOM: Which events do not bubble?
  21. wget + JavaScript?
  22. Browser back button handling
  23. Hiding a button in Javascript
  24. Change the style of :before and :after pseudo-elements? [duplicate]
  25. Anyone have a diff algorithm for rendered HTML? [closed]
  26. Change image in HTML page every few seconds
  27. Extract the text out of HTML string using JavaScript
  28. Drawing arrows on an HTML page to visualize semantic links between textual spans
  29. converting a javascript string to a html object [duplicate]
  30. How to pass parameters through iframe from parent html?

Leave a Comment