DevExpress の ASPxUploadControl での別ボタンからアップロード設定(JavaScript)のサンプルです。

今回は「ASPxUploadControl」に付随しているアップロードボタンを使用せず、
別のボタンからファイルのアップロードを行います。

【手順】
・「ASPxUploadControl」のアップロードボタン非表示
・「ASPxButton」配置
・「ASPxButton」のポストバック無効
・「ASPxButton」クリック時にアップロード実行

<別ボタンからアップロード設定(JavaScript)>

・「ASPxUploadControl」のアップロードボタン非表示設定します。

20170519_01

・「ASPxButton」配置します。

20170519_02

・「ASPxButton」のポストバック無効「AutoPostBack=”False”」設定します。

20170519_03

・「ASPxButton」クリック時にアップロード実行「FileUpLoad.Upload();」設定します。

20170519_04

【サンプルプログラム】

【サンプルプログラム(VB.Net)】

それでは、実行して動作確認を行います。

アップロードするファイルを選択します。

20170519_05

アップロードボタンをクリックします。

20170519_06

アップロード結果が表示されます。

20170519_07

アップロードが初期化されます。

20170519_05

無事にファイルアップロードの別ボタンからアップロードができました。