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では保存場所異なる。
注 指定ファイル ( パス指定可 ) は、次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入門教室」翔泳社