前些天, 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(); }); });
效果演示:
时间: 2024-11-12 18:38:25