input_file自定义、预览

<!–input_file自定义–>
<div id=”preview” style=”width:216px;height:185px;background-image:url(img/edit_cover.png);background-size:100%;”></div>
                    <br>
<a href=”javascript:void(0);” class=”input_file_bg”>
<input type=”file” name=”photo[]” style=”position:absolute; right:0; top:0; font-size:100px; opacity:0; filter:alpha(opacity=0);” onchange=”preview(this)”/>
</a>
<script type=”text/javascript”>    
      function preview(file){  
            var prevDiv = document.getElementById(‘preview’);  
            if (file.files && file.files[0]){  
                   var reader = new FileReader();  
                   reader.onload = function(evt){  
                   prevDiv.innerHTML = ‘<img src=”‘ + evt.target.result + ‘” />’;  
            }    
                   reader.readAsDataURL(file.files[0]);  
            }else{  
                   prevDiv.innerHTML = ‘<div class=”img” style=”filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\” + file.value + ‘\'”></div>’;  
            }  
       }  
</script> 
<!–input_file自定义–>