input type=”file”で複数選択した画像をアップロード前にプレビュー表示(jQuery)(html5)
multipleを使わない(1つだけ)であれば、input type=”file”で画像アップロード前にプレビュー表示(jQuery)の方法で、プレビューが可能ですが、multipleを指定した場合に、複数画像をプレビュー表示する必要があったのでメモ。 複数選択できるhtmlを用意 用意するhtml…
HTML
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…
続・mailto:
試してないけど、ぐぐったら「SJISで、URLエンコードしとけばOK」って記事がありますた。 で、 空白「%20」 改行「%0D%0A」 ?「%3F」 にしとくと・・。 ま、暇な時にでも試してみますかｗ てか、クロスブラウザ対応とか・・OSによる違いもあるし・・ フォームにしとけっ！ってことかなor…
mailto:
subjectとかbodyって、URLエンコードすればいいと思ってたんでつけど・・ そういうものでもないんですかね・・。 てか、文字コード何にすればいいんだろ・・ｗ UTF-8にしてるけど・・SJISとかにすればいいんかな。。 とりあえずなんとかして、文字化けしないようにしたいな。。…