您的位置:首页 > Web前端 > JavaScript

javascript触发input:file的选择事件及只触发一次的解决

2014-05-07 11:46 441 查看
原文地址 http://clpliuping.diandian.com/post/2012-09-17/40039911290有过尝试的人都知道,对于input:file的样式难看的处理方法,一般都是透明化input,实际点击的还是input:file,使用js操纵? $("#File").click()?这该是大家都会想到的方法,可是,很不好意思,无法起到作用,经过一番查阅,终于找到js操作呢input:file的方法,很简单
function clp(){
return  $("#File").click();
}
<button class = "clp" onclick = "clp();">clp</button>
<input type="file" id="File" />

只需添加一个return就可以解决这个问题了! 以后,就可以肆意地使用漂亮的图案来替换input:file的位置,而不必使用样式来透明做所谓的假象了!

另外关于 input file的onchange只触发一次的解决方法:使用live绑定change事件即可
$("#inputFile").live("change", function () {
var v = $(this).val();
$("#lbl").text(v);
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: