[B! *JavaScript][*HTML][input] kjtecのブックマーク

kjtec id:kjtec

JavaScriptとHTMLとinputに関するkjtecのブックマーク (2)

【JavaScript & HTML5 】文字コードに関係なくテキストファイルを正しく読み込む - のんびり猫プログラマの日常
ブラウザ上で編集する「Webテキストエディタ」を作るという案件がありまして。まず【既存のテキストファイルを読み込む】というところで引っかかったので覚書しとく。テキストファイルといっても、文字コードがshift-jisだけならまだいいんだけど、中にはUTF-8だったりEUCだったり、UTF-16とかもうね・・・そういう様々な文字コードのファイルでも、正しく読み込んで表示しなくてはお話にならないのだ。そこでググりながら作ったよ、もう。 1　File APIを使ってみる HTML5になって、ローカルファイルを手軽に扱えるようになったね。そう、File APIっていうのを使ってみようよ。 www.html5rocks.com このページに書いてある、ファイル読み込み時のオプション。これが大切です。以下、そのまま引用。 File 参照を取得したら、FileReader オブジェクトを
kjtec 2017/02/13
*HTML

*JavaScript

input
リンク
FileReader.readAsDataURL() - Web API | MDN
readAsDataURL メソッドは、指定されたBlob または File の内容を読み込むために使用されます。読み込み操作が終了すると、readyState が DONE となり、loadend が発生します。このとき、result 属性には、ファイルのデータを表す、base64 エンコーディングされた data: URL の文字列が格納されます。メモ: blob の result は、先に Base64 でエンコードされたデータの前にある Data-URL の宣言を削除しておかないと、直接 Base64 としてデコードすることができません。 Base64 でエンコードされた文字列のみを受け取る場合は、先に結果から data:*/*;base64, を削除しておく必要があります。
kjtec 2017/02/02
Javascriptでのローカルファイルの読み込み

*HTML

*JavaScript

input
リンク
1