常常使用<input type="file" >上传文件 不同浏览器上显示的按钮区别很是差点 这日在网上查了许多 得写了一简单明了的上传
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title> 文件上传</title>
<script type="text/javascript">
function imgChange(imgvalue){
imgvalue=imgvalue.value.substring(imgvalue.value.indexOf("fakepath"), imgvalue.value.length);
imgvalue=imgvalue.replace("fakepath", "");
if (navigator.userAgent.indexOf('Firefox') >= 0){
imgvalue=imgvalue.substring(0,imgvalue.length);
}else{
imgvalue=imgvalue.substring(1,imgvalue.length);
}
document.getElementById("imagename").innerHTML="上传图片为："+imgvalue;
}
</script>
</head>
<body>
<input type="file" id="file" onchange="imgChange(this)" style="border:0px solid #d8d8d8;display:none;margin-top:30px;font-size:35px;" />
<div style="color:red;"></div>
<input type="button" onclick="file.click()" id="mybutton" value="上传照片" style="width:230px;height:60px;margin-top:30px;font-size:35px;" />
<div id="imagename"></div>
</body>
</html>原文：http://blog.csdn.net/itlqi/article/details/42607713