DevExpress の ASPxUploadControl でのアップロード対象ファイル名（複数）取得１（JavaScript）

DevExpress の ASPxUploadControl でのアップロード対象ファイル名（複数）取得（JavaScript）のサンプルです。

現状の画面デザインはファイル複数選択になっています。
今回はアップロード前にファイル名（複数）をメッセージ表示します。

↓

＜アップロード対象ファイル名（複数）取得（JavaScript）＞

「FilesUploadStart」イベントでファイル名を取得します。

【サンプルプログラム】

<form id="form1" runat="server">
<div>
    <dx:ASPxUploadControl ID="ASPxUploadControl1" runat="server" UploadMode="Auto" 
        Width="400px" 
        ShowProgressPanel="True" ShowUploadButton="True" Theme="RedWine" >
        <ClientSideEvents FilesUploadStart="function(s, e) {
            // ファイルフルパス取得
            var myFilePathBuf = s.GetText(e.inputIndex);
            var myFilePaths = myFilePathBuf.split(', ');
            // ファイル名取得
            var myFileNameInfo = '';
            for (ii = 0; ii < myFilePaths.length; ii++) {
                var myFileName = myFileName = myFilePaths[ii].substring(myFilePaths[ii].lastIndexOf('¥¥')+1, myFilePaths[ii].length);
                if (ii == 0) {
                    myFileNameInfo = myFileName;
                } else {
                    myFileNameInfo = myFileNameInfo + '、' + myFileName;
                }
            }
            alert('「' + myFileNameInfo + '」ファイルをアップロード');
        }" />
        <AdvancedModeSettings EnableFileList="True" EnableMultiSelect="True">
        </AdvancedModeSettings>
    </dx:ASPxUploadControl>
</div>
</form>

<div>

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

Width="400px"

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

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

// ファイルフルパス取得

var myFilePathBuf = s.GetText(e.inputIndex);

var myFilePaths = myFilePathBuf.split(', ');

// ファイル名取得

var myFileNameInfo = '';

for (ii = 0; ii < myFilePaths.length; ii++) {

var myFileName = myFileName = myFilePaths[ii].substring(myFilePaths[ii].lastIndexOf('¥¥')+1, myFilePaths[ii].length);

if (ii == 0) {

myFileNameInfo = myFileName;

} else {

myFileNameInfo = myFileNameInfo + '、' + myFileName;

}

alert('「' + myFileNameInfo + '」ファイルをアップロード');

}" />

</AdvancedModeSettings>

</dx:ASPxUploadControl>

</div>

</form>

【サンプルプログラム（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

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

↓

無事にファイルアップロードのアップロード対象ファイル名（複数）取得ができました。

MENU

最近の投稿

人気記事

MENU

DevExpress の ASPxUploadControl でのアップロード対象ファイル名（複数）取得１（JavaScript）

関連記事はこちら:

最近の投稿

人気記事