bootstrap-fileinput 上传文件及其限制后缀

  $(document).ready(function () {
            $("#fileinput-demo-1").fileinput({
                'theme': 'explorer-fas',
                'uploadUrl': prefix+'/add',
                overwriteInitial: false,
                showPreview:false,
                showUpload: false,
                uploadAsync:false, //false 同步上传，后台用数组接收，true 异步上传，每次上传一个file,会调用多次接口
                previewClass:"uploadPreview",
                allowedFileExtensions: ["mp3"],
            }).on("change", function() {
                // 清除掉上次上传的图片
                $(".uploadPreview").find(".file-preview-frame:first").remove();
                $(".uploadPreview").find(".kv-zoom-cache:first").remove();
            }).on("filebatchselected", function(e, files) {
                //$(this).fileinput("upload");             // 文件选择完直接调用上传方法。

            }).on('filebatchuploadsuccess',function(event,data,previewId,index) {
                console.log(data);
            }).on("filebatchselected", function(event, data) {
                var fileDir = $("#fileinput-demo-1").val();
                var suffix = fileDir.substr(fileDir.lastIndexOf("."));
                if(fileDir == "" ){
                    alert("选择需要上传的音乐文件！");
                    return false;
                }
                if(suffix !=".mp3"){
                    alert("选择mp3格式的文件！");
                    return false;
                }
            })
        });

<div class="form-group">
                <label class="col-sm-3 control-label is-required">音乐：</label>
                <div class="col-sm-8">
                    <div class="file-loading">
                        <input id="fileinput-demo-1" name="file" type="file" required>
                    </div>
                </div>
            </div>