bootstrap fileinput中文无效问题

最新推荐文章于 2024-06-10 21:57:03 发布
最新推荐文章于 2024-06-10 21:57:03 发布
阅读量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
    评论
bootstrapfileinput实现文件自动上传
09-01
主要介绍了bootstrapfileinput实现文件自动上传,bootstrap fileinput插件对多种类型的文件提供文件预览，并且提供了多选等功能,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
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 无法显示中文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设置中文无效
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上传文件时，文件名中文，只显示后缀解决办法
腾龙凌九霄
12-24 5120
BUG描述：    上传或者导入文件名为中文的文件时，只显示后缀，数字或字母的文件名则正常显示。 原因：  bootstrap支持国际化，默认fileinput.js中支持的是英文，所以支持数字和字母的文件名，中文名称则根据正则表达式，替换了。 解决方案： 方案一： 找到fileinput.js文件打开，搜索slugDefault关键字，找到下面这个方法 slugDefault: ...
bootstrap fileinput 语言设置无效
zhangjianming2018的博客
02-25 1101
     语言设置的js，一定要放在主插件的后面，即  zh.js 一定要放在  fileinput.js 的后面，否则语言加载无效      
Bootstrap fileinput插件使用的那些坑
三国-魏的博客
09-29 7855
最近找到了一个好用的文件上传插件，最主要的是兼容Bootstrap样式，这样对后天的开发人员来说就比较舒服了，但是在使用的时候遇到了一些问题，我把它记下来 一、文件加载顺序问题 fileinput.js需要加载这个js。 在这个js加载之前先加载bootstrap.js，还有这个插件有中文zh.js需要在fileinput.js之后引入，还有css文件引入顺序也跟这个差不多。不然之后页面刷新可
Bootstrap上传文件插件fileinput单文件上传、预览以及maxFileCount不生效问题
qq_34896730的博客
09-29 5796
1111
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遇到的坑
来啊 快活啊
07-26 1万+
遇到两个问题，不知道是不是坑。 1.uploadURL $.fn.fileinput = function (option) { if (!hasFileAPISupport() && !isIE(9)) { return; } var args = Array.apply(null, arguments), retvals
bootstrap fileinput 的使用感悟
热门推荐
June的专栏
11-13 4万+
bootstrap fileinput 的填坑感悟              这个插件在demo的网站地址http://plugins.krajee.com/file-preview-icons-demo；不得不承认这个插件很强大，作为一个文件上传插件做到了预览，而且还支持国际化，但是唯一的缺点就是api烂的到极点（应该说没有API）。         即使没有API，也不能阻挡我使用的热
bootstrap-fileinput 初始化完后改变uploadUrl
moke的博客
07-10 5210
用bootstrap-fileinput(版本4.5.3)做文件ajax上传时，有时需要动态设定uploadUrl，如在url加上后端返回的fileId,如http://url+"?fileId"=fileId, 可通过调用refresh方法，改变uploadUrl的值，改变其它属性也是相同方法 <script type="text/javascript"> let fileId...
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; ...
JS中一个dom元素能绑定多少事件
最新发布
ggq53219的博客
06-10 526
在JavaScript中，一个DOM元素可以绑定的事件数量并没有明确的限制，这主要取决于浏览器的实现和内存限制。然而，在实际应用中，为同一个DOM元素绑定过多的事件监听器可能会导致性能问题，尤其是在事件处理函数执行复杂操作的情况下。总之，虽然JavaScript中DOM元素可以绑定的事件数量没有明确的限制，但在实际应用中应注意避免过度绑定和优化事件处理函数，以确保良好的性能和用户体验。
若依 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、付费专栏及课程。

余额充值