File upload Add more fields

Create multiple file upload fields

by dhavaljani

HTML

<link rel="stylesheet" href="http://myhome.mantrais.net/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="http://myhome.mantrais.net/bootstrap/css/bootstrap-fileupload.css">
<script src="http://myhome.mantrais.net/bootstrap/js/bootstrap-fileupload.js"></script>
<div class="wrap">
    <div class="myClass">
<a href="#" class="some">Add Files</a>
        
    </div>
    
</div>

CSS

p {
    background: yellow;
  }

JavaScript

$(".myClass").live("click", function(){
    $(this).after("<div class=\"fileupload fileupload-new\" data-provides=\"fileupload\"><div class=\"input-append\"><div class=\"uneditable-input span3\"><i class=\"icon-file fileupload-exists\"></i> <span class=\"fileupload-preview\"></span></div><span class=\"btn btn-file\"><span class=\"fileupload-new\">Select file</span><span class=\"fileupload-exists\">Change</span><input type=\"file\" /></span><a href=\"#\" class=\"btn fileupload-exists\" data-dismiss=\"fileupload\">Remove</a></div></div>");
});