继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

慕田峪9129951
关注TA
已关注
手记 337
粉丝 200
获赞 993


在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


效果演示:

 

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP