File API ( HTML5  IE10 & Chrome )による
data内容 download (save)
   file5.html            API check      
・保存ファイル名:        

UTF-8 BOM なし保存 (改行コード\n)
1.API & IE10専用msSaveBlobを使用 or Chrome専用 download (jquery-1.9.1.js不使用)
2.LocalStrageは IE9でもOK 。(IEはWebのみ) 
注意:IEとChromeでは保存場所異なる。
File API ( fileの選択 )による data file内容 load
・ファイル選択  Shift_Jis UTF-8  ( 自動判別不可 ) (text/画像可)
注 指定ファイル ( パス指定可 ) は、次iframeで直接表示
innerHTML画像表示


iframe使用 ( no File API ) による data fileのloadと変数化 (text,画像可)

・Web上/Local上の 指定ファイル :  パス指定可

・Local時のみ ファイル選択  Chrome は fakepath、iframe表示自動改行


IEはiframe自動改行しない。BOM付UTF8データ と Shift_Jis は自動判別→textarea preぬき表示(setTime)
IE9とChromeのテキストファイルの違い
・IE9(Shift_Jis)------改行コード「\r\n」---Javascript(参考:HTML-br,textarea内-
)
 Chrome(UTF-8)---改行コード「\n」, BOM
・文字列から「PRE」を取り除く。
 s.replace(/<pre>/i,"").replace(/<\/pre>/i,""); 
 s.replace(/<PRE style="word-wrap: break-word; white-space: pre-wrap;">/i,"");
・改行コードを、Chromeのみ「\n」から「"\r\n"」に統一。
 s.replace(/\n/g,"\r\n")
・さらに、行の分離は、var data = file.split("\r\n");
・Chrome の選択は fakepath「C:\fakepath\*.jpg」となる。パス指定なら可。
  filename=filename.replace(/C:\\fakepath\\/i,"");//「C:\fakepath\」を削除
 Chrome起動パラ「 --allow-file-access-from-files」
・iframe表示Chromeは自動改行/iframeの非表示はstyle="display:none

file API 
・"http://www.seshop.com/product/detail/13587/"「10日でおぼえるHTML5入門教室」翔泳社