Bootstrap fileinputコントロールの使用説明

1.fileinputの概要:
ファイルダウンロード機能を実現するために、Bootstrapはfileinputに関連するダウンロードコンポーネントを提供しています.
次のような効果が得られます.

ソース:https://github.com/kartik-v/bootstrap-fileinput
オンラインAPI:http://plugins.krajee.com/file-input
2.コード実装:
2.1 JSとCSSファイルの導入

2.2 JSPコード

2.3 JSコード

$("#impFile").fileinput({
    language: 'zh',//      ，   zh:  
    showPreview: false,//      ，   true:  
    showUpload: false,//        ，   true:  
    elErrorContainer: '#imp-file-errors',//    
    allowedFileExtensions: ["xls"],//        
    uploadUrl: './product/impExcel' //Control       
});
/**
 *         
 */
function impEXCEL() {
    //    
    $("#impFile").fileinput("upload");
    //      
    $("#impFile").on("fileerror",
    function(event, data, msg) {
        alert("    ");
    });
    //      
    $("#impFile").on("fileuploaded",
    function(event, data, previewId, index) {
        alert("    ");
        $("#impFile").fileinput("clear");
    });
}