input要素のtype="file"を装飾する方法 | SONICMOOV LAB
こんにちは、Sonicmoov勤続5年弱のだってぃです。 いや～時がながれるのって本当に早いですね。 すっかりお局・・・いや、お局の男バージョンの言葉ってないんですかね？ まぁいい。別にお局でもいいや。 人生絶賛迷子中です。 気が付けば前回の記事「select要素を装飾するいくつかの方法」を書いてから1年半たっていますね。 ・・・あれ？弊社のこのLab、人数的に考えて、半年に1度くらいは回ってくるはず ・・・ うん、まぁよしとしよう。もみ消そう！HAHAHA! はい、今日は前回に引き続きフォーム関連要素の装飾のお話。 あの不可侵領域、input要素のtype=”file”の装飾方法をチェケラします。 デザイン変更できちゃうんですよ、実は。 ん？タイトル横の画像と内容が関係ないって？ はい、だって、ほら、input type=”file”っぽい画像って何？って感じですし。 でもアイキャッチ的
Droparea - HTML5 Drag & Drop Image File Uploader Plugin for jQuery | Blogfreakz - Web Design and Web Development resources
15th June 2011 81tYr4Or · HTML5, Upload · Comments Off on Droparea – HTML5 Drag & Drop Image File Uploader Droparea – HTML5 Drag & Drop Image File Uploader Droparea is a HTML5 drag and drop image file uploader jQuery plug-in and a php script for server-side. Simply drag the image file into the specified area, the image will be automatically uploaded to your server. You can also see the progress of
input type='file'で選択可能なファイルをjQueryで指定する | Base Views
長年実装されずに来た属性なので、Internet Explorerやfirefoxへの実装は今後も期待できないでしょう。それに、ファイル選択ダイアログの「ファイルの種類」のプルダウンメニューをいじれば、結局は指定した拡張子以外も選べてしまうわけです。 jQuery Multiple File Upload Pluginを使う ということで、こちらで紹介されているjQuery Multiple File Upload PluginというjQueryプラグインを使ってみます。このプラグイン、本来の目的は複数ファイルのアップロードを行うことみたいですが、受け入れ可能ファイルタイプのコントロールも厳格でいい感じです。 jpgのみ選択可能なフォーム <script type="text/javascript" src="http://www.google.com/jsapi"></script> <
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
