前言:
现在兄弟们对“js获取所有input标签”大约比较重视,大家都需要分析一些“js获取所有input标签”的相关内容。那么小编同时在网摘上搜集了一些关于“js获取所有input标签””的相关文章,希望我们能喜欢,同学们一起来学习一下吧!入门一种新的插件有没有一种通用的方法呢?
以下将需要3分钟左右的阅读时间。
第一步阅读说明简介。了解到:目前是4.4版支持Bootstrap3.x及4.0版。5.x版本是重写的一个最新版本。该插件去预览上传多种格式的文件。支持Ajax。以下以4.4版说明。
第二步安装(引用)。引用CSS、JS(注意顺序)
CSS:bootstrap.min.css,fileinput.min.css
JS:
jquery-3.3.1.min.js,(必需)
piexif.min.js(可选,可以在上传前改变图片),
sortable.min.js(可选,如果要排序文件的话),
popper.min.js(可选,用于放大和预览文件),
bootstrap.min.js,(必需)
fileinput.min.js,(主文件)
theme.js,(主题包,字体)
(lang).js(本地化,中文引入zh.js)
第三步使用。
<!--HTML input标签 ,注意type是file--><input id="ID" type="file" class="file" data-preview-file-type="text" >$("#ID").fileinput();//默认功能,$("#input-id") 。Jquery对象,HTML代码中的id为ID //fileinput()执行函数。可以放在$(function(){..放在这里..})也可以放在任何 //一位置
总结:以上是步骤,相信学习一个新的插件都能以这种标准流程一定会有收获。
下次将分享常用的属性和例子代码学习。
详细学习两个重要的属性:initialPreview,initialPreviewConfig。
下回再见。谢谢阅读。晚安。
标签: #js获取所有input标签