htm上传文件

浏览数：25 / 时间：2015年06月09日

常常使用<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>

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

htm上传文件