<?xml version="1.0" encoding="gb2312"?>
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>本地圖檔預覽代碼（支援 ie6、ie7）</title>
<script type="text/javascript" language="javascript">...
<!--
function previewimg(imgfile)...{
//原來的預覽代碼，不支援 ie7。
var oldpreview = document.getelementbyid("oldpreview");
oldpreview.innerhtml = "<img src="file://" + imgfile.value + "" width="80" height="60" />";
//新的預覽代碼，支援 ie6、ie7。
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>
<p>
說明：以下針對的是網際網路情況，如果您在本地作測試，比如輸入的位址是：http://127.0.0.1/...，則可以看到全部預覽。
</p>
<hr />
如果您使用的是 ie6，則可以看到以下預覽；如果您使用的是 ie7，則看不到以下預覽。
<div id="oldpreview"></div>
不論您使用的是 ie6 還是 ie7，均可以看到以下預覽。
<div id="newpreview"></div>
<div id="showpicurl"></div>
請選擇一個圖檔進行預覽：
<input type="file" size="20" onchange="javascript:previewimg(this);" />
</body>
</html>