限制图片上传长宽的JavaScript代码

最新推荐文章于 2021-11-28 23:14:35 发布

原创最新推荐文章于 2021-11-28 23:14:35 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #function #button #action #input #html

JavaScript 专栏收录该内容

136 篇文章

订阅专栏

该博客展示了一段代码，利用HTML创建图片上传表单，包含文件选择框和上传按钮，同时使用JavaScript编写函数，实现图片预览，并对所选图片尺寸进行检测，若尺寸过大则提示重新选择，符合要求则提交表单。

代码如下：
<html> <head> <title>Upload Image</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body bgcolor="#FFFFFF" text="#000000"> <form name="IUpload" action="upfile.asp" method="post"> <p><input type="file" name="picsrc" size="40" onchange="picshow.src=document.IUpload.picsrc.value"> <input type="button" value="上载" onclick="detect()"></p></form> <p><img name="picshow" src="http://51js.1000box.net/pics/face/19.gif" title="图像预览"></p> </body> </html> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>
[Ctrl+A 全选提示:你可先修改部分代码,再点运行代码]