各種SNSのプロフィール画像を一括作成するサービス作ったよ。
最近jQueryを使う機会が増えてきました。
jQuery楽しいですねー。PHPとちがって(当たり前ですが)動的にサイトをぐりぐり動かせるところがいいです♪
で、プロフィール画像を拡大縮小したり、トリミングしたりする処理をjQueryで作ったんですが、思いのほか良くできた(自画自賛)と思ったので、勢いで専用サイト作りましたw
[CSS,Javascript]Labelを使ってFile Inputのデザインを変える!
Label要素を使ってinput要素の「type="file"」の見た目を変えてみました!
最初はfileは非表示にしてbutton要素を別に作って、button要素をclickしたらjavascriptでfileをclickするようにしたんですが、ブラウザによって動かないものがああるので、Labelを使う方法になりました。
fileはセキュリティ的な関係でjavascriptに制限がるみたいですね。
実行サンプル
※アップロードしたファイルはPHP側で破棄しています(なんの処理もしていません)のでご安心くださいませ(^-^)