Dynamically add upload controls and upload files

Some days ago, Insus.net has implemented the "MVC upload file" http://www.cnblogs.com/insus/p/4609843.html can upload multiple files, but only manually specify the number of uploads. The article insus.net improve the problem. That is to let the user dynamically add the uploaded control:

In the ASP. NET MVC program, in the controller, create 2 actions:

Create a view according to the first tag, and add the corresponding label and jquery code by tag 1-5:

jquery Code:

$(function () {            $("#ButtonAdd"). On ("click",function () {                varContent = "<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

Effect Demo:

Dynamically add upload controls and upload files