input file 改变样式以及上传事件

页面代码：

1. <span class="btn btn-success fileinput-button">
2.             <form   enctype="multipart/form-data" id="uploadform">
3.                 <input type="file" value="" name="file" onchange="imgupload()" >
4.                 <span  style="color: #921aff">上传照片</span>
5.             </form>
6. </span>

样式：

 样式改变后不能再用onclick事件，需要用在input file框上运用onchange事件。

1. <style>
2.         .fileinput-button {
3.             position: relative;
4.             display: inline-block;
5.         }
6.         .fileinput-button input{
7.             position:absolute;
8.             right: 0px;
9.             top: 0px;
10.             opacity: 0;
11.             -ms-filter: 'alpha(opacity=0)';
12.             font-size: 20px;
13.             width:100px;
14.         }
15.  </style>