星期五, 三月 12, 2004

如何在上传文件的HTML页面里预览图片或其他

<body bgcolor>
上传:<strong><font size=+1>dddd</strong>的照片
<script>
document.write("<img src=file:///c:\\b5.gif>");
</script>

<FORM name="mainform" ENCTYPE='multipart/form-data' method='POST' action='/Member/QuizController?page=upload'>
<INPUT TYPE='file' NAME='uploadfile' size="40" maxlength="255" onchange="javascript:displayimg();">
<INPUT TYPE='submit' VALUE='start...' >
</FORM>
<script>
function displayimg()
{
var tstr=document.mainform.uploadfile.value;
document.all.contentLayer.document.user.src=tstr;
}
</script>

<DIV ID="contentLayer" STYLE="position: absolute; left: 20px; top: 100px; height: 120px; z-index: 1; visibility: visible;">
<FONT CLASS=title>Preview</FONT>
<IMG name=user SRC="file:///c:/2.jpg">
</DIV>
</body>