2015/06/28(日) [n年前の日記]
#1 [javascript] JavaScript の File APIとやらを勉強中
JavaScript の FileReader() なるものを使うとローカルにある画像ファイルを読み込んだりすることができるらしいので、昨日書いたソレは FileReader() を使って処理したのだけど。なんでも、URL.createObjectURL() てのを使うことでも読み込めるようで。しかもそちらのほうがメリットがあるという話を見かけたので、手元で試してたり。
こんな感じかな…。
_Web アプリケーションからファイルを扱う | MDN を写経して動作確認。たしかに、createObjectURL() でもローカルファイルの読み込みができてるように見える。
ただ、冒頭で、
以下のページにサポート状況が書いてあった。
_window.URL.createObjectURL - Web API インターフェイス | MDN
_URL - Web API インターフェイス | MDN
眺める限り、今のブラウザなら使えるように見えるけど…。
こんな感じかな…。
_Web アプリケーションからファイルを扱う | MDN を写経して動作確認。たしかに、createObjectURL() でもローカルファイルの読み込みができてるように見える。
ただ、冒頭で、
window.URL = window.URL || window.webkitURL;としてるのが気になる。たぶんコレ、「window.URL が無かったら window.webkitURL を使いなさいね」という記述だよな。Google Chrome、Firefox、IEで、それぞれ記述が違うということだろうか…？
以下のページにサポート状況が書いてあった。
_window.URL.createObjectURL - Web API インターフェイス | MDN
_URL - Web API インターフェイス | MDN
眺める限り、今のブラウザなら使えるように見えるけど…。
◎ jsdo.itのよく分からないところ。 :
HTMLで、<a href="#">hoge</a> と書いてみたら、クリックした際に、「#」がついたURLでページが開いてしまって。JavaScript 側で、該当リンクがクリックされた際、e.preventDefault(); を呼んでるから開かないのではと思ったのだけど。
そもそも「#」って何だろ。…ああ、そうか。アンカーにつけるのだったか。
_<a href="#" …>の意味を教えてください。 【OKWave】
他の書き方はできないのかなとググってたら、href="javascript:void(0);" という書き方を見かけた。
_<a href=> に javascript：void(0) を指定する際の注意点
_javascript:void(0); | Aタグのリンクを無効にする
そもそも「#」って何だろ。…ああ、そうか。アンカーにつけるのだったか。
_<a href="#" …>の意味を教えてください。 【OKWave】
他の書き方はできないのかなとググってたら、href="javascript:void(0);" という書き方を見かけた。
_<a href=> に javascript：void(0) を指定する際の注意点
_javascript:void(0); | Aタグのリンクを無効にする
[ ツッコむ ]
以上です。