点击文字触发file标签 ，js图片预览

   <script type="text/javascript"> 

//点击文字触发file按钮

function openBrowse(){ 
var ie=navigator.appName=="Microsoft Internet Explorer" ? true : false; 
if(ie){ 
document.getElementById("file").click(); 
}else{
var a=document.createEvent("MouseEvents");//FF的处理 
a.initEvent("click", true, true);  
document.getElementById("file").dispatchEvent(a); 
} 
} 

    //图片上传预览    IE是用了滤镜。
        function previewImage(file)
        {
          var MAXWIDTH  = 50; 
          var MAXHEIGHT = 50;
          var div = document.getElementById('preview');
          if (file.files && file.files[0])
          {
              div.innerHTML ="<hr/><img id=imghead style='width:50px; height:50px;'>";
              var img = document.getElementById('imghead')
              var reader = new FileReader();
              reader.onload = function(evt){img.src = evt.target.result;}
              reader.readAsDataURL(file.files[0]);
          }
          else //兼容IE
          {
            div.innerHTML = "<hr style='margin-top:10px;' width='630px;'/><img id=imghead  style='width:50px; height:50px;'>";
            var img = document.getElementById('imghead');
$("#imghead").attr("src",$("#file").val());
          }
// $.getScript("http://www.ecook.cn/ecook/uploadServlet")
        }
/*图片上传处理*/
function uploadImage()
{/*

var imgPath =$("#file").val();
if(imgPath=="")
{
alert("请选择上传图片！");
return ;
}*/
//判断文件的后缀名
//alert(2)
var strExtension = imgPath.substring(imgPath.lastIndexOf(".")+1,imgPath.lastIndexOf(".")+4);
//alert(strExtension)
if(strExtension!='jpg'&& strExtension!='gif' && strExtension!='png' && strExtension!='bmp')
{
alert("请选择图片文件");
return ;
};
//alert(1)
$.ajax({  
                type: "POST",  
                url: "http://www.ecook.cn/ecook/uploadServlet",  
                data: { imgPath: $("#file").val() },  
                cache: false,  
                success: function(data) {  
                    alert("上传成功");  
                },  
                error: function(XMLHttpRequest, textStatus, errorThrown) {  
                    alert("上传失败，请检查网络后重试");  
                }  
            }); 

}

</script> 

html

        <span class ="hand"  id="h" οnclick="javascript:openBrowse();"><img src="xcyh/未标题-3.png"  style="vertical-align:bottom;+*vertical-align:middle; margin-bottom:4px; +*margin-bottom:0px;"/>图片</span>
           <input type="file" style="display:none"  id = "file" οnchange="previewImage(this)" />
           <input  type="submit"  class="submit" value="  " οnclick="uploadImage()" />

 <div id = "preview" style="display:none +*margin-top:10px;">