为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
前端工具


在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


效果演示:

 

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消