bootstrap fileinput中文无效问题

最新推荐文章于 2026-08-18 20:01:07 发布

转载最新推荐文章于 2026-08-18 20:01:07 发布 · 630 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：https://my.oschina.net/shanesen/blog/3063197

收录于

当前文章被以下社区和专栏收录：

本文探讨了在网页中正确加载文件输入样式和脚本的重要性，特别是关于bootstrap、fileinput.css、fileinput-rtl.css、jQuery、fileinput.js和zh.js的加载顺序，确保了页面元素如公司logo输入框的正常显示。

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

<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>

效果图