时间戳

首页 > 解决方案 > 操作图标未显示 Krajee 文件输入

javascript - 操作图标未显示 Krajee 文件输入

问题描述

我正在使用 Krajee 文件输入来使文件上传更加友好。一切正常，除了插件不显示操作图标。

实际视图

实际视图

我的html代码是这个

<link rel="stylesheet" href="{{url('css/kartik-fileinput/fileinput.min.css')}}">
<link rel="stylesheet" href="{{url('css/kartik-fileinput/fileinput-rtl.min.css')}}">
<body>
    <form method="post" enctype='multipart/form-data' id="importar_excel">
        <input type="file" id="excel_in" name="empleados" required>
    </form>
    <script src="{{url('js/kartik-fileinput/fileinput.min.js')}}"></script>
    <script src="{{url('js/kartik-fileinput/locales/LANG.js')}}"></script>
    <script src="{{url('js/kartik-fileinput/locales/es.js')}}"></script>
</body>

我的javascript代码是这个

let input_file = document.querySelector('#excel_in');

if( input_file !== null){
    $("#excel_in").fileinput({
        language: "es",
        previewFileIconSettings: {
            'xlsx': '<img src="https://cdn3.iconfinder.com/data/icons/logos-brands-3/24/logo_brand_brands_logos_excel-512.png" class="file_icon">'
        },
        allowedFileExtensions: ["xlsx", "xls"]
    });
}

标签： javascriptpluginsicons

解决方案

推荐阅读