ASP.NETで画像のアップロードとサムネイルの作成を行うには
はじめに
.NET Frameworkには文字どおり何千もの側面があり、その細部を学んだり、覚えたり、理解したりするためには、それについて文章を書くと効果的です。この方法は、サムネイル画像など、使用頻度の低いものに対して特に有効です。筆者は、数年前にラベルの画像を管理するアプリケーションを作成したのですが、いざ画像をアップロードしようとしたときに、サムネイル画像の作成方法を忘れていたことに気づきました。これは役立ちそうな内容なので、記事として公開しようと思います。
この記事では、<input>コントロールを使用して画像を参照およびアップロードし、その画像をWebサイト上に表示するためのサムネイルに変換する方法について説明します。紹介するコードは、各種のサニティチェックを行わない簡単なASPXです。サンプルとしての目的を果たすには十分ですが、実用アプリケーションとして使う場合には、確認やエラーチェックを追加することをお勧めします(ただし、この記事では扱いません)。
<input>要素を使ってファイルをアップロードする
HTML要素<input>は、さまざまな用途に使われるHTMLコントロールです。<input>要素はtype属性に指定された値に基づき、汎用ボタン、ラジオボタン、リセットボタン、送信ボタン、チェックボックス、ファイルアップローダ、隠しコントロール、イメージコントロール、パスワードフィールド、テキストコントロールとして機能できます。ファイルアップローダとして使用する場合は、<input>要素のtype属性をfileに設定します。すると、テキストボックスと[Browse]というラベルの付いたボタンが表示されます。手作業でコーディングすることも可能ですが、ファイルアップローダを表示する最も簡単な方法は、Visual Studioのツールボックスの[HTML]タブで、[Input(File)]項目を選択することです。
今回のサンプルのASPXページには、ラベルの他に、ファイルアップローダタイプの<input>要素と、選択した画像ファイルを送信するためのボタン、および<img>要素を配置します。サーバは、送信された画像のサムネイルを作成してブラウザに返します。すると、ブラウザがそのサムネイルを同じページの<img>要素に表示します。コントロールの配置はHTMLテーブルで行います(リスト1を参照)。デザイン時には、ページは図1のようになります。
リスト1 コントロールの配置:サンプルのASPXページ。HTMLテーブルを使用してファイル入力コントロールとイメージコントロールを配置している
http://japaninternetcom.pheedo.jp/click.phdo?i=62ed786d901a16385bb83b8bc0efe516
「足を棒にする」といいます。
足が酷く疲れるほど歩きまわること。らしいです。
歩くのに限定?走りまくって足疲れても、駄目?
でも昔の人間のいいまわしには味がある!
PICKUP
茨城の会計事務所借り入れ延滞 「山梨県」CIC CCBCX用語 浮き足むだ毛の脱毛<佐賀>千葉市 美浜区 任意整理相談ローヤルゼリーで低血圧対策!北海道の引越し費用の相場乾燥肌 化粧水 口コミ野菜と果物 た行PR