y_maeyamaのブックマーク / 2015年2月19日

jQueryでINPUT[type=file]で画像ファイルのプレビューを表示させる実験｜BLACKFLAG

会員制Webサイトやストレージサービスなどで input入力フォームでファイルをアップロードさせる[type=file]を使用する際、選択されたファイルが画像だった場合にプレビューを表示させる機会が何度かあったので File APIとjQueryを使って試しに作ってみたサンプルを紹介してみます。まずは動作サンプルから。「jQueryでINPUT[type=file]で画像ファイルのプレビューを表示させる方法」サンプルを別枠で表示サンプル画面上にある入力フィールドinputにて画像を選択させた場合、入力フィールド下に選択した画像が表示されます。全体構成についてまずはHTMLから。 ◆HTML <div class="imgInput"> <input type="file" name="file1"> </div> <div class="img

y_maeyama 2015/02/19

リンク

最低限の知識も理解もないユーザーと渡り合うには？（前編）

最低限の知識も理解もないユーザーと渡り合うには？（前編）：「訴えてやる！」の前に読む IT訴訟徹底解説（12）（1/2 ページ）「出荷管理をシステムを発注したにもかかわらず、勘定科目を把握していない」「意見を社内でまとめず、五月雨式に投げてくる」「モックを本番と勘違い」――こんなユーザー、あなたならどうする？連載目次ユーザーの責任を問うIT判例もある ITのユーザーは基本的には「素人」であり、ITシステムを開発・導入するプロジェクトに参加する際に必要な技術知識は、当然のことながら（ベンダーに比べて）限定的なものになる。ユーザーはCPUのクロック数のことを知らなくても構わないし、システムコンテキスト図やクラス図の見方に精通していなくとも、必要に応じてベンダーからその知識を得ていけば十分である。プロジェクト管理に関する知識についても同様である。システムを開発するプロジェクトにはどのよ