剣道を使ってファイルをフィルタリングすることはできません。rRazorを使ってアップロード

Question

最新の剣道ライブラリを使用しているときにファイルをフィルタする方法に関する情報を除いて、このトピックに関する情報は本当にありませんでした。だから、もし私が他人が必要ならば、私がどのように使ったのかを投稿しています。

Answer 1

これは、カミソリの構文で使用されている剣道です：

@(Html.Kendo().Upload() 
         .Name("procfiles") 
         .Async(a => a 
          .Save("SavePF", "AccountEvent", new { id = Model.SeqNum }) 
            .Remove("RemovePF", "AccountEvent", new { id = Model.SeqNum }) 
          .AutoUpload(true) 

        ).Files(f => 
         { 
          if (Model != null && !string.IsNullOrEmpty(Model.ProcedureFile)) 
          { 
           f.Add().Name(Path.GetFileName(Model.ProcedureFile)); 
          } 
         }) 
         .Multiple(false) 
         .ShowFileList(true) 
         .Events(e => 
         { 
          e.Error("accountEventEditController.uploadProcFileError"); 
          e.Select("accountEventEditController.onProcFileUploadSelect"); 
          e.Upload("accountEventEditController.onProcFileUpload"); 
          e.Success("accountEventEditController.onProcFileSuccess"); 
          e.Remove("accountEventEditController.onProcFileRemove"); 
          e.Complete("accountEventEditController.onProcFileComplete"); 
         }) 
        )  

あなたが見ることができるように、あなたが「選択」イベントにフックすることができます。次に、.jsコントローラハンドラファイルがあり、次のコードを実行してファイルタイプをフィルタ処理します。

var onChkFileUploadSelect = function (e, type) { 

    var files = e.files; 
    var acceptedFiles = [".pdf", ".xlsx"]; 
    var isAcceptedImageFormat = ($.inArray(files[0].extension, acceptedFiles)) != -1; 
    console.log(files[0].extension);  

    if (!isAcceptedImageFormat) { 

     e.preventDefault(); 

     $(targetErrorControl).fadeIn('slow').delay(3000).fadeOut('slow'); 
    } 
} 

うまくいけば、これはいくつかの点で役立ちます。