file管理

file の保存と読込 file11.html (utf-8)　　　　　shift_jis Editor4　

file 保存 file API(HTML5) UTF-8 BOMなし only 　参考：BOM 有りは、file10.html へ。
・保存ファイル名：

UTF-8保存は、BOMなし改行は、\n 。Shift_jis保存は、右上 shift_jis Editor へ。

file 読込 file API(HTML5) UTF-8 only
・ファイル選択　
Text も画像も選択可だが、ファイルの直接指定は不可。(次のiframeで直接指定表示のこと)


読込　file の表示(utf-8)

Shift_jis読込は、右上 shift_jis Editor へ。

　　　　 innerHTML画像表示場所
・dir選択で、全file選択できる。( 参：dir2.html)　................　

Local Storage による fileの読込と保存 (IEは Web上のみ)
Local Storageは、Netサーバーごと、また、ブラウザごとに保存場所が異なる。
先に読込んでおくと追加保存が出来る。
・保存key名：　　　　　

管理：　　　　　

XMLHttpRequest()で指定ファイル読込 (Local 不可)
指定するファイル　　　

textarea ta2r

iframe使用 (Local 不可) による fileの読込と変数化 (text,画像可)
・指定ファイル
・ファイル選択　

iframe表示 → textarea取得、iframe表示自動改行
→

textarea ta2

注
Chromeは、起動パラメータ必要,path取得不可。
IEはiframe自動改行しない。BOM付UTF8データと Shift_Jis は自動判別→textarea 表示(setTime)
文字列から「pre」「pre style="word-wrap: break-word; white-space: pre-wrap;"」を取り除く。

IE9とChromeのテキストファイルの違い
・IE9(Shift_Jis)------改行コード「\r\n」---Javascript(参考:HTML-br,textarea内-＆＃10;)
　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はLocal時、起動パラ必要「 --allow-file-access-from-files」
・iframe表示Chromeは自動改行/iframeの非表示はstyle="display:none

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