忍者ブログ

完全に恋しちゃってますブログ

Home > > [PR] Home > 未選択 > ASP.NETで画像のアップロードとサムネイルの作成を行うには

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

ASP.NETで画像のアップロードとサムネイルの作成を行うには

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 CCB

CX用語 浮き足

むだ毛の脱毛<佐賀>

千葉市 美浜区 任意整理相談

ローヤルゼリーで低血圧対策!

北海道の引越し費用の相場

乾燥肌 化粧水 口コミ

野菜と果物 た行

PR
コメント
お名前
タイトル
メールアドレス
URL
コメント
パスワード

カレンダー

10 2024/11 12
S M T W T F S
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

カテゴリー

最新コメント

最新トラックバック

プロフィール

HN:
No Name Ninja
性別:
非公開

バーコード

ブログ内検索

P R