動態添加上傳控件，並上傳文件

前些天， Insus.NET有實現《MVC上傳文件》http://www.cnblogs.com/insus/p/4609843.html 可以上傳多個文件，但是只能手動指定上傳的數量。那這篇Insus.NET改善這個問題。那就是讓用戶動態添加上傳的控件：

在ASP.NET MVC程序中演示吧，在控制器中，創建2個操作：

 

依第一個標記創建一個視圖，按標記1-5進行添加相對應的標簽與jQuery代碼：

 

jQuery代碼：

 $(function () {
            $("#ButtonAdd").on("click", function () {
                var content = "<tr style='vertical-align:middle;'><td>";
                content += "<input type='checkbox' name='cbk' />";
                content += "<input type='file' name='filename'>";
                content += "</td></tr>"
                $("#TableFile").append(content);
            });

            $("#ButtonSubtract").on("click", function () {
                $('input[name="cbk"]').each(function () {
                    if (this.checked) {                       
                        $(this).closest('tr').remove();
                    }
                });              
            });

            $("#SubmitUpload").on('click', function () {
                $('#FormFile').attr('action', 'DynamicUploadFiles');
                $("#FormFile").submit();
            });
        });

效果演示：