textarea内の文字をテキストファイルに変換したい

Question

textareaに文字を入力して、入力した文字を変換用のボタンを押したら.txtのファイルに書き込まれる。もしくは入力した文字が入力されたファイルをダウンロードできるようにするにはどうしたらいいですか？

Comments

[退会済みユーザー]

この質問の仕方だとマイナス評価を受ける恐れがあります。実際に試したコードを記載してください。

Answer 1

例えばこんな感じ(jQuery版)

$(function(){
  $('input[type=button][value=download]').on('click',function(){
    var content=$('[name=content]').val();
    var filename="hoge.txt";
    var type='application/octet-binary';
    var blob=new Blob([content],{type:type});
    if (window.navigator.msSaveBlob) { 
      window.navigator.msSaveOrOpenBlob(blob, filename); 
      return false;
    }
    var fr = new FileReader();
    fr.onload = function(e) {
      var src=e.target.result;
      src=new Uint8Array(src);
      src=String.fromCharCode.apply("",src);
      src=btoa(src);
      src="data:"+type+";base64,"+src;
      var a=$('<a download="'+filename+'">').attr("href",src).text("");
      a.appendTo($('body')).first().get(0).click();
      a.remove();
    }
    fr.readAsArrayBuffer(blob);
  });
});

<textarea name="content">あああ
いいい
ううう</textarea>
<input type="button" value="download">