统一文件上传样式-优快云博客

本文链接：https://blog.youkuaiyun.com/itlqi/article/details/42607713

常常使用<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" οnchange="imgChange(this)" style="border:0px solid #d8d8d8;display:none;margin-top:30px;font-size:35px;" />
		<div style="color:red;"></div>
		<input type="button" οnclick="file.click()" id="mybutton" value="上传照片" style="width:230px;height:60px;margin-top:30px;font-size:35px;" />

		<div id="imagename"></div>
	</body>

</html>

htm上传文件