Bootstrap-FileInput插件使用方法

頁面引用

<link href="/resources/fileinput/css/fileinput.css" rel="stylesheet" type="text/css"/>
<script src="/resources/fileinput/js/fileinput.js" type="text/javascript"></script>
<script src="/resources/fileinput/js/locales/zh.js" type="text/javascript"></script>

JavaScript

$(function () {
        var id = '${lid}';
        $('#file-zh').fileinput({
            language: 'zh',
            uploadUrl: '/loan/upload/' + id + '.shtml',
            showPreview: false,
            elErrorContainer: "#fileError",
            browseClass: "btn btn-success btn-file btn-sm",
            browseLabel: "查找文件",
            browseIcon: '<i class="glyphicon glyphicon-search"></i>',
            removeClass: "btn btn-danger btn-file btn-sm",
            removeLabel: "清除",
            removeIcon: '<i class="glyphicon glyphicon-trash"></i>',
            uploadClass: "btn btn-info btn-file btn-sm",
            uploadLabel: "上傳",
            uploadIcon: '<i class="glyphicon glyphicon-upload"></i>'
        })
            .on("fileuploaded", function (e, data) {
                var res = data.response;
                if (res.code == 200) {
                    location.href = res.url;
                }
            });
    })
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容