实现兼容IE6、IE7、IE8的图片上传前预览效果代码,JS代码库,德仔网

代码语言

代码分类

【JS】实现兼容IE6、IE7、IE8的图片上传前预览效果

作者:首君 / 发布于2014/10/13/ 346


	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
	<html>
	<head>
	<title>兼容IE6、IE7、IE8的图片上传前预览效果</title>
	<meta http-equiv="content-type" content="text/html;charset=gb2312">
	<!--把下面代码加到<head>与</head>之间-->
	<script type="text/javascript" language="javascript">
	function PreviewImg(imgFile){
	var newPreview=document.getElementById("newPreview");
	var imgDiv=document.createElement("div");
	document.body.appendChild(imgDiv);
	imgDiv.style.width="118px";imgDiv.style.height="127px";
	imgDiv.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
	imgDiv.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src=imgFile.value;
	newPreview.appendChild(imgDiv);
	var showPicUrl=document.getElementById("showPicUrl");
	showPicUrl.innerText=imgFile.value;
	newPreview.style.width="80px";
	newPreview.style.height="60px";
	}
	</script>
	</head>
	<body>
	<!--把下面代码加到<body>与</body>之间-->
	<div id="newPreview"></div>
	<div id="showPicUrl"></div>
	<hr>
	请选择图片：<input type="file" name="file" onchange="javascript:PreviewImg(this);">
	</body>
	</html>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　图片上传前预览　

同语言下

可能有用的

首君贡献的其它代码(39)