Official Github:https://github.com/kartik-v/bootstrap-fileinput
Official Dome Website: Http://plugins.krajee.com/file-basic-usage-demo
Blog reference: http://www.cnblogs.com/wuhuacong/p/4774396.html
How to lower case: where Bootstrap is 3.3.5,jquery for 2.1.1,bootstrap-fileinput for 3.x
<!DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01 transitional//en" "Http://www.w3.org/TR/html4/loose.dtd "><HTML> <Head> <title>New Document</title> <Metaname= "Generator"content= "EditPlus"> <Metaname= "Author"content=""> <Metaname= "Keywords"content=""> <Metaname= "Description"content=""> <Linkhref= "Https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"rel= "stylesheet"><Linkhref= "Bootstrap-fileinput-master/css/fileinput.min.css"Media= "All"rel= "stylesheet"type= "Text/css" /><Scriptsrc= "Http://code.jquery.com/jquery-2.1.1.min.js"></Script><!--Canvas-to-blob.min.js is only needed if you wish to resize images before upload. This must is loaded before Fileinput.min.js -<Scriptsrc= "Bootstrap-fileinput-master/js/plugins/canvas-to-blob.min.js"type= "Text/javascript"></Script><Scriptsrc= "Bootstrap-fileinput-master/js/fileinput.min.js"></Script><!--Bootstrap.js Below is only needed if you wish to the feature of viewing details of the text file preview via modal di Alog -<Scriptsrc= "Https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"type= "Text/javascript"></Script><!--Optionally if need translation for your language then include locale file as mentioned below -<Scriptsrc= "Bootstrap-fileinput-master/js/fileinput_locale_zh.js"></Script> </Head> <Body> <labelclass= "Control-label">Select File</label><inputID= "Input-1"type= "File"class= "File"><labelclass= "Control-label">Select File</label><inputID= "INPUT-1A"type= "File"class= "File"Data-show-preview= "false"><labelclass= "Control-label">Select File</label><inputID= "Input-2"name= "input2[]"type= "File"class= "File"multiple Data-show-upload= "false"data-show-caption= "true"><labelclass= "Control-label">Readonly Input</label><inputID= "input-3a"type= "File"class= "File"ReadOnly= "true"><labelclass= "Control-label">Disabled Input</label><inputID= "input-3b"type= "File"class= "File"Disabled= "true"><labelclass= "Control-label">Select File</label><inputID= "Input-4"name= "input4[]"type= "File"Multiple Class= "File-loading"><Script>$ (document). On (' Ready', function() { $("#input-4"). Fileinput ({showcaption:false});});</Script><labelclass= "Control-label">Select File</label><inputID= "Input-6"name= "input6[]"type= "File"Multiple Class= "File-loading"><Script>$ (document). On (' Ready', function() { $("#input-6"). Fileinput ({showupload:false, Maxfilecount:Ten, MainClass:"INPUT-GROUP-LG" });});</Script><labelclass= "Control-label">Select File</label><inputID= "Input-7"name= "input7[]"Multiple Type= "File"class= "File File-loading"data-allowed-file-extensions= ' [' CSV ',"TXT"]> </Body></HTML>
bootstrap-fileupload-uploading a file control