file管理

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

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


読込　file の表示(utf-8)

Shift_jis読込は、右上 shift_jis Editor へ。

　　　　 innerHTML画像表示場所
　

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

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

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

管理：　　　　　

Local専用 text,画像fileの表示　 (iframe,innerHTML使用)
・指定ファイル　dir指定可能
・ファイル選択　同一dirのfileのこと

iframe表示ifr ,innerHTML表示 ta2 -------- textfileはname取得(txt内容はifrのみ)
innerHTML画像表示ta2 又は txtfile名
注: Chromeは、起動パラメータ必要,path取得不可の為,同一dirのfileのこと。
　また、iframe表示 → textarea取得は中止。不可。

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入門教室」翔泳社