原文地址

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();
}


  只需添加一个return就可以解决这个问题了!

  以后,就可以肆意地使用漂亮的图案来替换input:file的位置,而不必使用样式来透明做所谓的假象了!


另外关于 input file的onchange只触发一次的解决方法:使用live绑定change事件即可

$("#inputFile").live("change", function () {
            var v = $(this).val();
            $("#lbl").text(v);
        });