input file样式修改

   1 input file 透明度0

<input type="file" class="filess" style="opacity: 0"/>

2 另外创建一个input button 作为新的样式
<input type="text" class="filetext"/>
<button class="change_btn">选择文件</button>
3 jquery  点击按钮的时候让 filess被点击
$(".change_btn").click(function () { $(".filess").click(); });
4 把原来input内的值赋值给新的input

       $('.filess').change(function(){
             var file=$('.filess').val();
            $('.filetext').val(file);
         })

效果图

 

 
posted @ 2019-06-14 14:39  前端小超人  阅读(13044)  评论(0编辑  收藏  举报