bootstrap fileinput中文无效问题

最新推荐文章于 2024-06-09 20:17:27 发布
最新推荐文章于 2024-06-09 20:17:27 发布
阅读量530 收藏
点赞数
文章标签： javascript ViewUI
原文链接：https://my.oschina.net/shanesen/blog/3063197
版权

关键要检查加载插件的顺序

<head>

<link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- BEGIN FILE INPUT STYLES -->
<link href="../assets/css/fileinput.css" media="all" rel="stylesheet" type="text/css"/>
<link href="../assets/css/fileinput-rtl.css" media="all" rel="stylesheet" type="text/css"/>
<!-- END FILE INPUT STYLES -->

<head>

<body>

<label>公司logo</label>
<input id="input-id" type="file" class="file" name="file">
<script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
<!-- fileinput.js 一定要放在zh.js之前-->
<script src="../assets/js/fileinput.js" type="text/javascript"></script>
<script src="../assets/js/locales/zh.js" type="text/javascript"></script>

<body>

效果图

 

 

 

 

转载于:https://my.oschina.net/shanesen/blog/3063197

chengshi2248
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Bootstrap FileInput中文API整理
09-04
Bootstrap FileInput中文API整理，Bootstrap FileInput中文API整理，Bootstrap FileInput中文API整理，Bootstrap FileInput中文API整理，Bootstrap FileInput中文API整理
bootstrapfileinput实现文件自动上传
09-01
主要介绍了bootstrapfileinput实现文件自动上传,bootstrap fileinput插件对多种类型的文件提供文件预览，并且提供了多选等功能,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
bootstrap fileinput 无法显示中文bug
@凌晨三点半的博客
04-17 1179
压缩包（以默认中文） 链接：https://pan.baidu.com/s/1bTrQUSVt98mu4ltUCM6qkQ 提取码：wqb1 github ：官方https://github.com/kartik-v/bootstrap-fileinput api：官方http://plugins.krajee.com/file-input 中文api ： https://blog.c...
Bootstrap File Input 本地化失败？
qq_23237041的博客
06-08 270
1、首先确保你引用的CSS、JS正确，可以参照官方文档https://plugins.krajee.com/file-input#usage，以下是我的引用顺序 <!-- BootStrap CSS --> <link rel="stylesheet" href="../Javascripts/bootstrap-3.3.7/css/bootstrap.min.css" /> <!-- BootStrap FileInput CSS --> <link rel..
Bootstrap fileinput 不显示中文解决办法
wangkingboss的专栏
12-11 6993
项目中要用到Bootstrap fileinput，用户是政府人员，不能有英文的界面，但是这个插件都是英文的，引入中文语言js和设置语言为zh都无法解决问题，后来发现： script src="//cdn.bootcss.com/bootstrap-fileinput/4.3.5/js/fileinput.min.js">script> script src="https://cdn.boo
bootstrap fileinput设置中文无效
zsh
04-15 1461
中文设置没有效果的情况 （1）、引入zh.js顺序错误 zh.js需放到fileinput.js下面 （2）、 组件创建语法错误 （class=“file”） 如果你使用js初始化fileinput组件，那么在html元素中应删除 " file" 这个class 正确的是这样： <div class="file-loading"> <input id="fileinput"...
bootstrap fileinput 语言设置无效
zhangjianming2018的博客
02-25 1101
     语言设置的js，一定要放在主插件的后面，即  zh.js 一定要放在  fileinput.js 的后面，否则语言加载无效      
bootstrap中fileinput上传文件时，文件名中文，只显示后缀解决办法
腾龙凌九霄
12-24 5120
BUG描述：    上传或者导入文件名为中文的文件时，只显示后缀，数字或字母的文件名则正常显示。 原因：  bootstrap支持国际化，默认fileinput.js中支持的是英文，所以支持数字和字母的文件名，中文名称则根据正则表达式，替换了。 解决方案： 方案一： 找到fileinput.js文件打开，搜索slugDefault关键字，找到下面这个方法 slugDefault: ...
bootstrap插件fileinput.js 出现出现$("#xxxx").fileinput({}); 不生效的情况解决
weixin_30472035的博客
02-21 467
如果出现$("#xxxx").fileinput({}); 不生效的情况请将fileinput.js中最后几行注释掉： /* $(document).ready(function () { var $input = $('input.file[type=file]'), count = $input.attr('type') ? $input.length : 0; ...
Bootstrap fileinput文件上传预览插件使用详解
01-19
通过本文，你可以学习到如何封装或者开发一个前端组件，同时学习Bootstrap-fileinput组件的使用，封装后使用更加简单方便。 BaseFile是AdminEAP框架中基于Bootstrap-fileinput的附件上传组件，它支持 支持多文件、...
BootStrap Fileinput的使用教程
08-31
bootstrap-fileinput是基于bootstrap的上传控件。此控件在网上可以找到很多例子，接下来通过本文给大家分享bootstrap fileinput的使用教程，非常不错，感兴趣的朋友一起看看吧
解决BootStrap Fileinput手机图片上传显示旋转问题
08-30
主要介绍了 BootStrap Fileinput手机图片上传显示旋转问题,需要的朋友可以参考下
Bootstrap fileinput组件封装及使用详解
12-11
通过本文，你可以学习到如何封装或者开发一个前端组件，同时学习Bootstrap-fileinput组件的使用，封装后使用更加简单方便。 BaseFile是AdminEAP框架中基于Bootstrap-fileinput的附件上传组件，它支持 支持多文件、...
bootstrap fileinput 语言设置为中文
明月的博客
02-20 2851
1、引入对应的js和css <!-- bootstrap-fileinput 插件 --> <link rel="stylesheet" href="../resource/topFramework/plugins/bootstrap-fileinput/fileinput.css"> <script type="text/javascript" src="../...
bootstrap中inputfile 中文设置
Liam_fang的博客
06-22 6853
1.引入bootstrap 中所需的静态文件和fileinput所需的依赖样式引用去掉input file 中的class="file",否则会不成功当去掉class="file"之后会出现input 的样式没了，因此需要在&lt;script&gt;&lt;/script&gt;中初始化input标签如下所示：initFileInput(); function initFileInp...
bootstrap-fileinput的使用
热门推荐
jbgtwang的专栏
03-28 4万+
bootstrap-fileinput是基于bootstrap的上传控件，此控件网上有很多例子。我照着例子做后发现请求无法提交到后台，反复测试后发现，不能禁止预览（showPreview要设置为true），禁止预览后fileuploaded则无法响应。uploadAsync: 不能设置为false，设置为false文件可以上传，但是fileuploaded则无法响应也无法响应。 注意如果出现$(
bootstrap文件上传 关于删除按钮失效或 上传后再次上传点击删除无效解决方案
weixin_43864336的博客
07-31 1004
点击上传按钮时初始化上传,既下述代码 $("#file-1").fileinput({ language: ‘zh’,// 语言，需要汉化js,引入js … …})
[Vue-常见错误]浏览器显示Uncaught runtime errors
最新发布
一个喜欢什么都研究一下的小小后端程序员
06-09 361
在vue.config.js中配置关闭Uncaught runtime errors显示。
若依 bootstrap fileinput
10-18
Bootstrap fileinput是一个基于Bootstrap框架的jQuery插件，用于实现文件上传功能。它具有以下特点： 1. 美观易用：Bootstrap fileinput易于集成到网站设计中，提供了用户友好的界面，可以简化用户上传文件的操作过程。 2. 多样化的展示模式：Bootstrap fileinput提供了多种展示模式，包括缩略图模式、网格模式等，可以根据需求选择最适合的模式来展示已上传的文件。 3. 支持多文件上传：Bootstrap fileinput支持同时上传多个文件，通过简单的配置即可实现一次性上传多个文件。 4. 图片预览功能：在上传图片的情况下，Bootstrap fileinput可以实现图片预览的功能，用户可以在上传前预览图片的效果，以便做出更好的选择。 5. 文件验证和限制：Bootstrap fileinput可以对文件进行验证和限制，例如文件大小的限制、文件类型的限制等，确保用户上传的文件符合规定的条件。 6. AJAX上传和回调支持：Bootstrap fileinput支持使用AJAX方式上传文件，并提供了相应的回调函数，可以在上传完成后执行相应的逻辑操作，如显示上传成功的提示信息、更新文件列表等。 综上所述，Bootstrap fileinput提供了一个方便、易用的文件上传功能，并且具备多样化的展示模式、图片预览、文件验证和限制等特点，可以满足用户在网站开发过程中对文件上传的需求。无论是开发响应式网站还是后台管理系统，Bootstrap fileinput都是一个值得考虑和使用的插件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值