DevExpress の ASPxUploadControl でのファイルアップロード複数配置設定

DevExpress の ASPxUploadControl でのファイルアップロード複数配置設定のサンプルです。

現状の画面デザインはこのようになっています。
通常1個のファイルアップロードですが、
今回はファイルアップロードを5個配置します。

＜ファイルアップロード複数配置設定＞

「FileInputCount=”5″」を設定します。

【サンプルプログラム】

<form id="form1" runat="server">
<div>
    <dx:ASPxUploadControl ID="ASPxUploadControl1" runat="server" UploadMode="Auto" 
        Width="400px" 
        ShowProgressPanel="True" ShowUploadButton="True" Theme="RedWine" 
        FileInputCount="5" ShowClearFileSelectionButton="False">
    </dx:ASPxUploadControl>
</div>
</form>

<div>

<dx:ASPxUploadControl ID="ASPxUploadControl1" runat="server" UploadMode="Auto"

Width="400px"

ShowProgressPanel="True" ShowUploadButton="True" Theme="RedWine"

FileInputCount="5" ShowClearFileSelectionButton="False">

</dx:ASPxUploadControl>

</div>

</form>

【サンプルプログラム（VB.Net）】

Private Sub ASPxUploadControl1_FileUploadComplete(sender As Object, e As DevExpress.Web.FileUploadCompleteEventArgs) Handles ASPxUploadControl1.FileUploadComplete
    '保存パス
    Dim mySavePath As String = "D:¥10_PG¥99_サンプル¥VB.net¥2010¥DevExpress¥ASPxUploadControl¥02_Data_Out"

    'アップロードファイル名取得
    Dim myUploadedFile As String = e.UploadedFile.FileName
    '保存ファイルパス取得
    Dim mySaveFilePath As String = IO.Path.Combine(mySavePath, myUploadedFile)

    'ファイル保存
    e.UploadedFile.SaveAs(mySaveFilePath)
End Sub

Private Sub ASPxUploadControl1_FileUploadComplete(sender As Object, e As DevExpress.Web.FileUploadCompleteEventArgs) Handles ASPxUploadControl1.FileUploadComplete

'保存パス

Dim mySavePath As String = "D:¥10_PG¥99_サンプル¥VB.net¥2010¥DevExpress¥ASPxUploadControl¥02_Data_Out"

'アップロードファイル名取得

Dim myUploadedFile As String = e.UploadedFile.FileName

'保存ファイルパス取得

Dim mySaveFilePath As String = IO.Path.Combine(mySavePath, myUploadedFile)

'ファイル保存

e.UploadedFile.SaveAs(mySaveFilePath)

End Sub

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

↓

※ファイルアップロードを5個配置

↓

※各ファイルアップロードに対してファイル選択

↓

※各ファイルアップロードに対してファイル選択済み

↓

※一括ファイルアップロード

↓

※一括ファイルアップロード後は、初期情報を表示

無事にファイルアップロードのファイルアップロード複数配置が設定できました。

関連記事はこちら:

DevExpress のサンプル作成（ASPxUploadControl） DevExpress のサンプル作成（ASPxUploadControl）手順です。＜サンプル作成（ASPxUploadControl）＞・プロジェクト作成（ASP.NET 空の Web アプリケーション）を選択しま ......
DevExpress の ASPxUploadControl での自動アップロード設定 DevExpress の ASPxUploadControl での自動アップロード設定のサンプルです。現状の画面デザインはこのようになっています。ファイルをアップロードするためには、ファイル選択後にアップロードボタン ......
DevExpress の ASPxUploadControl での選択ファイル種類（単体）設定 DevExpress の ASPxUploadControl での選択ファイル種類（単体）設定のサンプルです。現状の画面デザインはこのようになっています。選択ファイルが「すべてのファイル（*.*）」になっています。 ......
DevExpress の ASPxUploadControl でのファイル未選択状態のテキスト内容設定 DevExpress の ASPxUploadControl でのファイル未選択状態のテキスト内容設定のサンプルです。現状の画面デザインはこのようになっています。＜ファイル未選択状態のテキスト内容設定＞「NullT ......
DevExpress の ASPxUploadControl でのドロップ範囲のテキスト内容設定 DevExpress の ASPxUploadControl でのドロップ範囲のテキスト内容設定のサンプルです。現状の画面デザインはこのようになっています。＜ドロップ範囲のテキスト内容設定＞「DropZoneTex ......
DevExpress の ASPxUploadControl でのアップロードボタン名設定 DevExpress の ASPxUploadControl でのアップロードボタン名設定のサンプルです。現状の画面デザインはこのようになっています。 ※アップロードボタン名が「アップロード」今回はアップロードボタン ......
DevExpress の ASPxUploadControl でのファイル選択ボタン名設定 DevExpress の ASPxUploadControl でのファイル選択ボタン名設定のサンプルです。現状の画面デザインはこのようになっています。 ※ファイル選択ボタン名が「参照…」今回はファイル選択 ......
DevExpress の ASPxUploadControl でのアップロード機能設定 DevExpress の ASPxUploadControl でのアップロード機能設定のサンプルです。現状の画面デザインはこのようになっています。＜アップロード機能設定＞「FileUploadComplete」イベ ......
DevExpress の ASPxUploadControl でのアップロードボタン表示設定 DevExpress の ASPxUploadControl でのアップロードボタン表示設定のサンプルです。現状の画面デザインはこのようになっています。＜アップロードボタン表示設定＞「ShowUploadButto ......
DevExpress の ASPxUploadControl でのクリアボタン非表示設定 DevExpress の ASPxUploadControl でのクリアボタン非表示設定のサンプルです。現状の画面デザインはこのようになっています。テキストボックスの右端に「×」ボタンが表示されています。今回はこの ......

投稿タグ: ASPxUploadControl

MENU

最近の投稿

人気記事