javascript(jQuery)でファイル操作

Question

javascriptのFileAPIについてざっくり調べたのですが、これは下記の様なことは出来るのでしょうか。
サンプルが見つかりにくかったので、javaやphp等のファイル操作とは趣旨（？）が違うのかなと思いました。

・ファイルオブジェクト作成
var file = createFile();
var file = createFile(path);

・ファイル書き込み
file.write("aaaa");

・ファイル読み込み
var text = readFile(file);

・ファイル出力(ダウンロード)
exportFile(file);

Comments

[m.ts10806]

何のファイルをどのように操作したいのでしょうか。具体的に記述願います。

Answer 1

無理です。

セキュリティ上、ブラウザ内のJavaScriptからアクセス可能なファイルは、ユーザーが指定したファイルに限られますし、ファイルの書き出しは不可能です。

Comments

[uer03108]

返信が遅れて申し訳ありません。
ご回答ありがとうございました。
確かにjavascriptでファイル操作が可能になるとセキュリティ上、問題になりそうですね。
勉強になりました。

Answer 2

base64でエンコードしてaタグのdownload属性を利用すればある程度のことはできます
IE系だとindow.navigator.msSaveOrOpenBlobを利用することになると思います

sample

$(function(){
  $('input[type=button][value=download]').on('click',function(){
    var content="aaaa";
    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);
  });
});

<input type="button" value="download">

Comments

[yambejp]

念のためサンプル付けておきます
downloadボタンをおすと「aaaa」という内容のhoge.txtが
ダウンロードされると思います

[uer03108]

ご回答ありがとうございました。
サンプル有難うございます。