input type=”file”で複数選択した画像をアップロード前にプレビュー表示(jQuery)(html5)
multipleを使わない(1つだけ)であれば、input type=”file”で画像アップロード前にプレビュー表示(jQuery)の方法で、プレビューが可能ですが、multipleを指定した場合に、複数画像をプレビュー表示する必要があったのでメモ。 複数選択できるhtmlを用意 用意するhtml…
html5
input type=”file”で複数ファイル選択と形式を指定(html5)
普通にhtmlでtype="file"を指定しただけだと、ファイルをひとつずつ選択する感じになるんですが、これを複数選択に対応しようとすると、swf(flash)を使ったりとかしないといけなかったんですが、html5対応なブラウザだと割りと簡単に対応可能だったのでメモ。 以下のようなhtmlを書いて…
faviconを動的に変更する(html5-canvas)
たまに見かける新着があった時にfaviconに1とか2とかでるやつを実装する時のメモ。 更新通知以外の使い道はパッと思い浮かびませんが、他にも何か使える場面があるかも。。 まずhtml側から。 headにid="favicon"なlinkタグを入れておきます。 <!DOCTYPE html&g…
2窓に対して同時に変更を加える(localstrageをEventListenerに登録する)
例えば、背景を変えるオプションを作ったとして・・ <form id="option"> <input type="text" id="color" value=""> <inpup type…