上传图片时预览

最新推荐文章于 2025-01-28 16:03:20 发布

dshpsky

最新推荐文章于 2025-01-28 16:03:20 发布

阅读量916

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： input class javascript button border file

本文链接：https://blog.youkuaiyun.com/dshpsky/article/details/1108674

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>