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
相关产品推荐
相关产品推荐

