html - jqueryファイルアップロードプラグイン - 選択したファイル名が表示されない

Question

jquery ファイル アップロード プラグイン (基本) を使用して、一度に 1 つのファイルをアップロードしています。プラグインは正常に動作し、ファイルが正しいディレクトリにダンプされていることがわかります。すべて問題ありません! ただし、ファイルを選択すると、選択したファイルの名前 (Chrome)/パス (IE) は表示されず、代わりに「ファイルが選択されていません」と表示されます。選択したファイルの名前を表示するように変更するにはどうすればよいですか? 私のコード:

脚本 ：

$(function () {
            $('#fileupload').fileupload({
                dataType: 'json',
                url: '@Url.Action("Index", "Home")',
                add: function (e, data) {
                    data.submit(); 
                },
                progress: function (e, data) {
                    var progress = parseInt(data.loaded / data.total * 100, 10);
                    $('#progress .bar').css('width', progress + '%');

                },
                done: function (e, data) {
                    $('<p/>').text(data.files[0].name).appendTo(document.body);                        
                }
                //multipart: false
            });               

        });

ホームコントローラー:

[HttpPost]
    public ActionResult Index(HttpPostedFileBase files)
    {           
        return Json(files.FileName);
    }    

索引 ：

<input id="fileupload" type="file"  name="files"/>
<div id="progress" style="width: 250px">
    <div class="bar" style="width: 0%;"></div>
</div>