上传图片时预览

原创于 2006-08-23 13:48:00 发布 · 916 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#input #class #javascript #button #border #file

JavaScript 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一个简单的文件上传功能实现方式，包括HTML表单设计及JavaScript预览效果的添加。支持gif和jpg格式的图片文件上传，并可在提交前预览。

<form name="f1" enctype="multipart/form-data" action="pup1.asp" method=post>
                    <input type=file name="file1" class="form">
                    <br>
                    <br>
                    <input type="button" name="b1" value="预览" onClick="See(this.form.picview,this.form.file1)" class="form">
                       
                    <input type=submit name="upfile" value="上传" class="form">
                    <br>
                    <br>
                    支持gif,jpg格式的图片<br>
                    <br>
                    <br>
                    <img src="../images/image.gif" name="picview" border="0" width="221" height="119" >
                  </form>