码迷,mamicode.com
首页 > Web开发 > 详细

动态添加上传控件,并上传文件

时间:2015-07-15 13:11:00      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:

前些天, 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();
            });
        });
View Code


效果演示:

技术分享

 

动态添加上传控件,并上传文件

标签:

原文地址:http://www.cnblogs.com/insus/p/4647817.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!