index.html 1.5 KB

12345678910111213141516171819202122232425262728293031
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8"/>
  5. <title>Krajee JQuery Plugins - &copy; Kartik</title>
  6. <link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet">
  7. <link href="../css/fileinput.css" media="all" rel="stylesheet" type="text/css" />
  8. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  9. <script src="../js/fileinput.js" type="text/javascript"></script>
  10. </head>
  11. <body>
  12. <div class="container">
  13. <h1>Bootstrap File Input Example</h1>
  14. <form enctype="multipart/form-data">
  15. <div class="form-group">
  16. <input id="file-1" type="file" class="file" multiple=true data-preview-file-type="any">
  17. </div>
  18. <div class="form-group">
  19. <input id="file-2" type="file" class="file" readonly=true>
  20. </div>
  21. <div class="form-group">
  22. <input id="file-1" type="file" class="file" multiple=true data-show-caption="false" data-browse-class="btn btn-primary btn-lg" data-preview-file-type="any">
  23. </div>
  24. <div class="form-group">
  25. <button class="btn btn-primary">Submit</button>
  26. <button class="btn btn-default" type="reset">Reset</button>
  27. </div>
  28. </form>
  29. </div>
  30. </body>
  31. </html>