Jsp

TelerikRadUploadファイルタイプの検証



Telerik Radupload File Type Verification



Telerikの学習プロセスを記録します〜

今日記録されているのはアップロードです。



RadUploadは、ASP.NETのカスタムバリデーターで使用できます。CustomValidator検証は、クライアント側とサーバー側の両方の検証をサポートします。

クライアントを検証する利点は、送信されたファイルに無効と見なされる有効なクライアント検証機能がある場合に、CustomValidatorがファイルを検証するのを防ぐことができることです。検証関数は、validateExtensions()クライアントメソッドを使用して、クライアントのファイル拡張子を検証できます。サイズまたはMIMEタイプを確認できるようにするには、選択したファイルをサーバーに転送する必要があります。

サーバー側を検証する利点は、サイズやMIMEタイプなどのファイルにアクセスでき、ファイルの内容を確認できることです。カスタムバリデーターのServerValidateイベントは、RadUpload ValidatingFileイベントの後に発生し、完全な検証が行われます。
CustomValidator検証を使用する場合、バリデーターRadUploadのValidToValidateプロパティを設定しないでください。



(言語構成は良くありません、またはコード上、絵は良いです!)

最初の写真:



アップロードコントロールにはいくつかのjsサポートが必要です。Telerikのdllには必要なjsが付属しています。

ExpandedBlockStart.gif コード < telerik:RadScriptManager ID = ' ScriptManager1 ' 話す = ' サーバ ' >>
< スクリプト >>
< asp:ScriptReferenceアセンブリ = ' Telerik.Web.UI ' 名前 = ' Telerik.Web.UI.Common.Core.js ' />
< asp:ScriptReferenceアセンブリ = ' Telerik.Web.UI ' 名前 = ' Telerik.Web.UI.Common.jQuery.js ' />
< asp:ScriptReferenceアセンブリ = ' Telerik.Web.UI ' 名前 = ' Telerik.Web.UI.Common.jQueryInclude.js ' />
スクリプト >>
telerik:RadScriptManager >> ExpandedBlockStart.gif ページコード < div クラス = ' MainWrap ' >>
< div クラス = ' TopWrap ' >>
< div クラス = ' 保有者 ' >>
< telerik:RadAsyncUpload runat = ' サーバ ' ID = ' RadAsyncUpload1 ' AllowedFileExtensions = ' jpg、jpeg、png、gif '
MaxFileSize
= ' 1048576 ' OnClientValidationFailed = ' 検証に失敗しました ' OnValidatingFile = ' RadAsyncUpload1_ValidatingFile '
OnFileUploaded
= ' RadAsyncUpload1_FileUploaded ' InputSize = ' 42 ' = ' Windows7 ' >>
telerik:RadAsyncUpload >>
< asp:ボタンrunat = ' サーバ ' ID = ' BtnSubmit ' テキスト = ' アップロード ' />
< p >>
アップロードする画像を選択します(jpg、jpeg、png、gif)
p >>
< p >>
画像の最大サイズは1Mを超えることはできません。
p >>
< div クラス = ' ErrorHolder ' >>
div >>
div >>
< div クラス = ' ホルダー右 ' >>
< asp:Panel runat = ' サーバ ' ID = ' ResultsPanel ' 目に見える = ' false ' >>
< asp:パネルID = ' ValidFiles ' 目に見える = ' false ' 話す = ' サーバ ' >>
< p >>
< 強い >> 画像をターゲットフォルダに保存します。 / ファイル / 強い >>
p >>
asp:パネル >>
< asp:パネルID = ' InvalidFiles ' 目に見える = ' false ' 話す = ' サーバ ' >>
< p >>
< 強い >> 以下の画像は、最大サイズを超えているため保存されません。 強い >>
p >>
asp:パネル >>
asp:パネル >>
div >>
< div クラス = ' BottomWrap ' >>
div >>
div >>
div >> ExpandedBlockStart.gif クライアントコードをクリックします < スクリプトタイプ = ' text / javascript ' >>
関数validationFailed(sender、eventArgs){
$(
' .ErrorHolder ' ).append( '

検証に失敗しました」 ' + eventArgs.get_fileName() + ' '。

' ) 。フェードイン ( ' スロー ' )。
}
脚本 >> ExpandedBlockStart.gif 背景コード const int MaxTotalBytes = 1048576 // 1 MB
int totalBytes

保護された ボイド Page_Load( オブジェクト 送信者、EventArgs e)
{{
もし (IsPostBack)
{{
ResultsPanel.Visible
= true
}
}

公衆 ボイド RadAsyncUpload1_FileUploaded( オブジェクト 送信者、FileUploadedEventArgs e)
{{
ラベルfileName
= 新着 ラベル()
fileName.Text
= e.File.FileName
e.File.SaveAs(Server.MapPath(
' ../ファイル/ ' + e.File.FileName)、 true )。 // ドキュメントを保存
もし (e.IsValid)
{{
ValidFiles.Visible
= true
ValidFiles.Controls.Add(fileName)
}
そうしないと
{{
InvalidFiles.Visible
= true
InvalidFiles.Controls.Add(fileName)
}
}

公衆 ボイド RadAsyncUpload1_ValidatingFile( オブジェクト 送信者、Telerik.Web.UI.Upload.ValidateFileEventArgs e)
{{
もし (totalBytes < MaxTotalBytes)
{{
// 合計バイト数が制限に達することなくファイルアップロードを実行します
e.IsValid = true
totalBytes
+ = e.UploadedFile.ContentLength
}
そうしないと
{{
// 総バイト数の制限に達し、ファイルのアップロードを断念する
e.IsValid = false
}
}

多くの属性、これ以上紹介しません〜あなたの理解力を信じているので、これらの属性は理解するのが難しくありませんよね〜!!

!!

転載:https://www.cnblogs.com/weialei/archive/2010/08/18/Telerik_Upload.html