js实现input:file的click
2016-11-27 19:05
197 查看
有过尝试的人都知道,对于input:file的样式难看的处理方法,一般都是透明化input,实际点击的还是input:file,使用js操纵? $("#File").click()?这该是大家都会想到的方法,可是,很不好意思,无法起到作用,经过一番查阅,终于找到js操作呢input:file的方法,很简单
function clp(){
return $("#File").click();
}
<button class = "clp" onclick = "clp();">clp<btton>
<input type="file" id="File" />
只需添加一个return就可以解决这个问题了!
以后,就可以肆意地使用漂亮的图案来替换input:file的位置,而不必使用样式来透明做所谓的假象了!
相关文章推荐
- js实现input:file的click事件
- [置顶] js 实现 <input type="file" /> 文件上传
- 上传图片预览JS脚本 Input file图片预览的实现示例
- 一段上传图片预览JS脚本,Input file图片预览的实现
- 上传图片预览JS脚本 Input file图片预览的实现示例
- JS获取input[file]的值并显示在页面的实现方法
- 上传图片预览JS脚本 Input file图片预览的实现示例
- js 实现 input file 文件上传
- 上传图片预览JS脚本 Input file图片预览的实现示例
- js 实现 input type="file" 文件上传示例代码
- js生成input file并调用click问题
- 用JS实现input中的file标签的样式(当要修改file标签的字体样式时使用)
- html5中的input(type="file")的multiple属性,实现多文件上传,并用js控制文件大小,数量
- 上传文件,用js回调函数实现隐藏input type="file"
- 上传图片预览JS脚本 Input file图片预览的实现示例
- 上传图片预览JS脚本 Input file图片预览的实现示例
- 上传图片预览JS脚本 Input file图片预览的实现示例
- js 实现 <input type="file" /> 文件上传
- js 实现 input type="file" 文件上传示例代码
- js 实现 input type="file" 文件上传示例代码