码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap file input 官方文档翻译

时间:2016-10-12 01:01:32      阅读:259      评论:0      收藏:0      [点我收藏+]

标签:

file input 特性

1、这个插件会把简单的html文件变成一个更好用的文件选择输入控件,通过一个html的文件输入框,能兼容那些不支持jquery或js的浏览器。

2、fileinput 插件包括options,templates等三个部分来控制展示

  。文件标题部分:用来展示选中的文件的简介信息

  。文件按钮行为部分:用来浏览,移除和上传文件

  。文件预览部分:用来将展示选中的文件到客户端实现预览(支持图片, 文档, flash, 和视频类型),别的文件类型将以宿略图的形式预览

3、如果你设置了class=file,这个插件就会自动把type为file的input框转换成一个文件选择输入框,input框的所有选项可以通过html5的data属性来实现。

4、能够选择和预览多个文件,使用html5 文件阅读api来读取和预览文件。如果很多文件被选到了,会展示文件正在被加载到预览区的过程。

5、提供可以根据你对fileinput不同的展示需求,而改变的预定义tmplate和css 类。

6、能够配置这个插件来初始化带有标题的预览图(对更新记录的场景最有用)。插件选项部分的initialPreview,initialPreviewConfig,和initialCaption这三个属性来配置这个功能。

7、能够把内容凸显出来作为一个预览,可以看到幻灯片缩放预览效果和最大限度放大或者全屏预览。

8、通过拖拽来排序/重新安排初始化的预览内容。

9、能够完全控制摆放组件,可以控制样式和布局。

10、通过 locales/translations.来支持在相同的页面使用多种语言组件。

11、显示或者隐藏一些或者全部的以下选项:

  。标题部分

  。预览部分

  。上传部分

  。移除部分

12、定制目标容器元素的展示位置来显示 标题容器,标题文字,预览容器,预览图片,预览状态插件

 

bootstrap file input 官方文档翻译

标签:

原文地址:http://www.cnblogs.com/windseek/p/5951227.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!