¿Cómo guardar el archivo de textarea en Javascript con un nombre?

Posible duplicado:
Usando HTML5 / Javascript para generar y guardar un archivo

Quiero una solución HTML / JS del lado del cliente para resolver este problema: tengo un área de texto A editable por el usuario, un campo de texto B y un botón C. Cuando el usuario hace clic en C, obtiene una descarga de archivo con el mismo nombre que B.value y Contenidos iguales a A.valor. Miré esto, pero no especifica cómo establecer el nombre de archivo y no quiero una solución Flash como esta . Podemos asumir que los usuarios están en el último navegador Chrome (es una pequeña herramienta para mi equipo)

One Solution collect form web for “¿Cómo guardar el archivo de textarea en Javascript con un nombre?”

Como “podemos asumir que los usuarios están en el último navegador Chrome”, este tipo de cosas se puede hacer creando un con descarga de atributos y href , y luego haciendo clic en él. Código de ejemplo a continuación.

 var Download = { click : function(node) { var ev = document.createEvent("MouseEvents"); ev.initMouseEvent("click", true, false, self, 0, 0, 0, 0, 0, false, false, false, false, 0, null); return node.dispatchEvent(ev); }, encode : function(data) { return 'data:application/octet-stream;base64,' + btoa( data ); }, link : function(data, name){ var a = document.createElement('a'); a.download = name || self.location.pathname.slice(self.location.pathname.lastIndexOf('/')+1); a.href = data || self.location.href; return a; } }; Download.save = function(data, name){ this.click( this.link( this.encode( data ), name ) ); }; Download.save('hello world', 'my_file.txt'); 
  • HTML5 Cómo saber cuándo el cursor IndexedDB está al final
  • Rendimiento de WebRTC: muy alta carga de CPU
  • Configuración de playbackRate en el elemento de audio conectado a la API de audio web
  • Diferenciar el clic Atrás / Adelante y History.pushState / replaceState en el evento statechange
  • ¿Cómo hacer sus propios widgets personalizados como los complementos sociales de Facebook?
  • Desplazamiento horizontal en canvas. HTML5
  • Cómo filtrar en jQuery de filter de datos
  • Native JS para leer attributes de datos personalizados HTML5
  • Tratando de get un ejemplo simple de Google Maps para trabajar con AngularJS
  • Javascript / HTML5 con image para rellenar el canvas
  • ¿Cómo agregar una colisión mundial básica con PhaserJS?
  • la biblioteca de charts de JavaScript que admite "sigue" en los charts de líneas con dispositivos mobilees
  • desea mostrar un post de dialog en jQuery Mobile cuando se carga por primera vez
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.