You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Krajee上传插件msgInvalidFileType与msgInvalidFileExtension不生效问题咨询

Krajee文件上传插件自定义错误提示不生效解决方案

问题根因

  • 配置代码存在JavaScript对象语法错误:msgInvalidFileType 配置行末尾缺少英文逗号,导致整段配置解析异常,自定义提示参数无法被插件识别
  • 参数匹配错误:msgInvalidFileType 是配合 allowedFileTypes(限制文件大类,如图片、文档等)使用的参数;当你使用 allowedFileExtensions 限制具体后缀名时,对应自定义提示参数为 msgInvalidFileExtension

修正后的配置代码

(function ($) {
    var selected_file_count = $('#is_file_uploaded');
    $("#file-1").fileinput({
        theme: 'explorer-fas',
        uploadUrl: "<?php echo base_url('exampleurl.php')?>",
        uploadAsync: true,
        overwriteInitial: false,
        fileActionSettings: {showDrag: false},
        minFileCount: 1,
        maxFileCount: 1,
        initialPreviewShowDelete: false,
        initialPreviewAsData: true,
        previewFileIcon: '<i class="fas fa-file"></i>',
        allowedFileExtensions: ['stl'],
        // 替换为对应后缀校验的提示参数,末尾补全逗号
        msgInvalidFileExtension: "仅支持stl格式的文件",
        showUpload: false
    }).on('filebatchselected', function (event, numFiles, label) {
        $('#file-1').fileinput('upload');
    }).on('filebatchuploadcomplete', function (event, files, extra) {
        alert('上传成功');
    }).on('filedeleted', function (event, files, extra) {
    }).on('fileselect', function (event, numFiles, label) {
    });
    $('.fileinput-remove').addClass('hide');
})(jQuery);

验证步骤

修改后清理浏览器缓存重新加载页面,选择非stl后缀的文件即可看到自定义的错误提示生效。

内容的提问来源于stack exchange,提问作者roy

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.06 12:39:04