更新时间:2016-11-1
该文件上传插件的特点有：
AJAX上传功能基于HTML5 FormData（绝大多数现代浏览器都支持该属性）。在不支持该属性的浏览器中会回退为普通的文件上传组件。使用AJAX必须设置uploadUrl属性。
允许你添加、移除和追加文件。添加的文件可以生成预览图。
可以将文件拖拽到指定区域来上传文件。
可以一个个的删除或更新文件，也可以同时完成这些操作。
如果showPreview属性设置为false，或者浏览器不支持uploadUrl属性，将会回退为普通的文件上传组件。
可以配置文件上传等待指示，文件上传成功信息，文件上传出错信息。
在使用ajax上传文件时可以添加额外的表单信息。
可以显示文件当前上传的进度。
可以取消和终止当前正在上传的任务。
文件上传完毕会自动刷新预览区域的内容。
使用该文件上传插件首先要引入需要的外部依赖文件和fileinput.min.js及fileinput.min.css文件。
1 2 3 4 5 6 7 8 9 10 | <link href="path/to/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css" /><script src="jquery/2.1.1/jquery.min.js"></script><script src="path/to/js/fileinput.min.js"></script><!-- bootstrap.js below is only needed if you wish to the feature of viewing details of text file preview via modal dialog --><!-- optionally if you need translation for your language then include locale file as mentioned below --><script src="path/to/js/fileinput_locale_<lang>.js"></script> |
配置参数
showCaption：是否显示文件的标题。默认值true。
showPreview：是否显示文件的预览图。默认值true。
showRemove：是否显示删除/清空按钮。默认值true。
showUpload：是否显示文件上传按钮。默认是submit按钮，除非指定了uploadUrl属性。默认值true。
showCancel：是否显示取消文件上传按钮。只有在AJAX上传线程中该属性才可见可用。默认值true。
captionClass：在标题容器上额外的class。类型string。
previewClass：在预览区域容器上的额外的class。类型string。
mainClass：添加在文件上传主容器。类型string。
initialDelimiter：在initialPreview属性中用于上传多个文件时的分隔符。默认值：'*$$*'。
initialPreview：类型string或array。显示的初始化预览内容。你可以传入一个简单的HTML标签用于显示图片、文本或文件。如果设置一个字符串，会在初始化预览图中显示一个文件。你可以在initialDelimiter属性中设置分隔符用于显示多个预览图。如果设置为数组，初始化预览图中会显示数组中所有的文件。
下面的CSS样式用于显示各种不同类型的文件预览图：
image files：CSS样式为file-preview-image
text files：CSS样式为file-preview-text
other files：CSS样式为file-preview-other
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： jQuery和css3简单实用的背景幻灯片插件
- 下一个特效： 强大的照片浏览工具