Question

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

实际视图

actual view

我的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"]
    });
}

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

0 个答案: