js :實作圖檔上傳前,預覽用戶端圖檔（相容IE6和IE7）

2009-10-10 16:28:00

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

function preview()

{

var picId = $("#picId").val();

alert(picId);

var fileext=picId.substring(picId.lastIndexOf("."),picId.length);

fileext=fileext.toLowerCase();

$("#fileext").val(fileext);

if ((fileext!='.jpg')&&(fileext!='.gif')&&(fileext!='.jpeg')&&(fileext!='.bmp'))

{

alert("對不起，系統僅支援标準格式的照片，請您調整格式後重新上傳，謝謝 !");

$("#picId").focus();

}

else

$("#newPreview").html('');

var newPreview =$("#newPreview")[0];

var imgDiv = document.createElement("div");

document.body.appendChild(imgDiv);

imgDiv.style.width = "180px"; imgDiv.style.height = "140px";

imgDiv.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod = scale)";

imgDiv.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = picId;

newPreview.appendChild(imgDiv);

}

</script>

</head>

<body>

（推薦上傳圖檔像素大小為180*140)

</body>

</html>

繼續閱讀