ファイルをアップロードするためのポップアップMVC

Question

いくつかのXMLファイルをアップロードする必要があります。このために、MVCアプリケーションからファイルを読み込むためにポップアップを開く必要があります。以下のコードを書き込みました。

Upload.cshtml：

@using (@Html.BeginForm("UploadFile", "UploadFileController", FormMethod.Post, new { @id = "uploadForm", @enctype = "multipart/form-data" })) 
    { 
    <div> 
     @Html.TextBoxFor(m => m.FileName, new { type = "file" }) 
     <button type="submit" class="btn">Upload</button> 
    </div> 
} 

コントローラー：

[HttpPost] 
public ActionResult UploadFile(UploadFileModel uploadFileModel) 
{ 
.... 

} 

モデル：

public class UploadFileModel 
{ 
    public int Id { set; get; } 
    public HttpPostedFileBase FileName { get; set; } 
} 

ここで、「Upload.cshtml」は一部であり、ホームページに表示されます。 1.ボタンを押すと、この部分が表示されます。 2. xmlファイルだけを検索ダイアログに表示するにはどうしたらいいですか？

ありがとうございました。

Answer 1

これまで説明したように、フロントエンドの問題で、C＃とコントローラとは関係ありません。だから、Upload.cshtmlを変更してください。

<button type="button" class="btn btn-default" id="showPopup">show popup</button> 

<form id="uploadForm" class="modal fade" role="dialog"> 
<div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal">&times;</button>     
     </div> 

     <div class="modal-body"> 
      @Html.TextBoxFor(m => m.FileName, new { type = "file" }) 
     </div> 

     <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">close form</button> 
      <button type="submit" class="btn btn-success" id="">Upload</button> 
     </div> 
    </div> 
</div> 

今jQueryを使って：

$('#showPopup).click(function(){ 
    $('#uploadForm').modal(); 
}); 

別のオプションはBootbox.jsです。 助けてくれることを願っています。