DevExpress の ASPxUploadControl でのアップロード結果取得（JavaScript）

DevExpress の ASPxUploadControl でのアップロード結果取得（JavaScript）のサンプルです。

現状の画面デザインはこのようになっています。
今回はアップロード結果をメッセージ表示します。

↓

＜アップロード結果取得（JavaScript）＞

「FileUploadComplete」イベントで「alert(e.callbackData);」を設定します。
※「e.callbackData」の内容はサーバー側の「VB.Net」で設定

【サンプルプログラム】

<form id="form1" runat="server">
<div>
    <dx:ASPxUploadControl ID="ASPxUploadControl1" runat="server" UploadMode="Auto" 
        Width="400px" 
        ShowProgressPanel="True" ShowUploadButton="True" Theme="RedWine" >
        <ClientSideEvents FileUploadComplete="function(s, e) {
            alert(e.callbackData);
        }" />
    </dx:ASPxUploadControl>
</div>
</form>

<div>

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

Width="400px"

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

<ClientSideEvents FileUploadComplete="function(s, e) {

alert(e.callbackData);

}" />

</dx:ASPxUploadControl>

</div>

</form>

「e.CallbackData = “成功”」を使用して結果を設定します。

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

Private Sub ASPxUploadControl1_FileUploadComplete(sender As Object, e As DevExpress.Web.FileUploadCompleteEventArgs) Handles ASPxUploadControl1.FileUploadComplete
    Try
        '保存パス
        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)

        'コールバックでの結果通知
        e.CallbackData = "成功"
    Catch ex As Exception
        'コールバックでの結果通知
        e.CallbackData = "失敗"
    End Try
End Sub

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

Try

'保存パス

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)

'コールバックでの結果通知

e.CallbackData = "成功"

Catch ex As Exception

'コールバックでの結果通知

e.CallbackData = "失敗"

End Try

End Sub

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

↓

※アップロード結果をメッセージ表示

↓

無事にファイルアップロードのアップロード結果取得ができました。

関連記事はこちら:

DevExpress の ASPxUploadControl のまとめ DevExpress の ASPxUploadControl のまとめです。「ASPxUploadControl」は、便利機能が多々あり簡単に使用できるので開発工数がかなり削減できるので便利だと思います。＜メリット ......
DevExpress の ASPxUploadControl での別ボタンからアップロード設定（JavaScript） DevExpress の ASPxUploadControl での別ボタンからアップロード設定（JavaScript）のサンプルです。今回は「ASPxUploadControl」に付随しているアップロードボタンを使用せ ......
DevExpress の ASPxUploadControl でのアップロードキャンセル設定（JavaScript） DevExpress の ASPxUploadControl でのアップロードキャンセル設定（JavaScript）のサンプルです。現状の画面デザインはこのようになっています。今回はアップロード確認をメッセージ表示し ......
DevExpress の ASPxUploadControl でのアップロード対象ファイル名（複数）取得２（JavaScript） DevExpress の ASPxUploadControl でのアップロード対象ファイル名（複数）取得（JavaScript）のサンプルです。現状の画面デザインはファイル複数項目になっています。今回はアップロード前 ......
DevExpress の ASPxUploadControl でのアップロード対象ファイル名（複数）取得１（JavaScript） DevExpress の ASPxUploadControl でのアップロード対象ファイル名（複数）取得（JavaScript）のサンプルです。現状の画面デザインはファイル複数選択になっています。今回はアップロード前 ......
DevExpress の ASPxUploadControl でのアップロード対象ファイル名（単数）取得（JavaScript） DevExpress の ASPxUploadControl でのアップロード対象ファイル名（単数）取得（JavaScript）のサンプルです。現状の画面デザインはこのようになっています。今回はアップロード前にファイ ......
DevExpress の ASPxSpreadsheet での全画面設定（JavaScript） DevExpress の ASPxSpreadsheet での全画面設定（JavaScript）のサンプルです。現状の画面デザインはこのようになっています。エクセルの右、下側に余白がありますので、今回は全画面表示の ......
DevExpress の ASPxPopupControl でのモーダル重ね設定 DevExpress の ASPxPopupControl でのモーダル重ね設定のサンプルです。モーダル画面にモーダル画面を表示することも可能です。今回は、「OK」ボタンクリック時に確認画面を表示させます。「ASP ......
DevExpress のサンプル作成（ASPxPopupControl） DevExpress のサンプル作成（ASPxPopupControl）手順です。サンプル作成までの手順は5点です。プロジェクト作成ボタン生成（ASPxButton）ポップアップ生成（ASPxPopupContr ......
DevExpress の ASPxGridView のボタン一括選択（全アイテムの選択/解除） DevExpress　のボタン一括選択（全アイテムの選択/解除）のサンプルです。今回はボタンを用意して、ボタンクリックで全アイテムの「選択/解除」を行います。設定する内容は4点です。 1点目：ボタンを配置 2点目：ボ ......

投稿タグ: ASPxUploadControl, JavaScript

MENU

最近の投稿

人気記事