JavaScript验证上传文件格式及大小

最新推荐文章于 2024-03-30 17:25:10 发布

原创最新推荐文章于 2024-03-30 17:25:10 发布 · 8.5k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #border #function #input #div #file

本文介绍了一个使用JavaScript在前端实现的图片格式验证示例，确保上传的文件为jpg、gif或png格式，并检查其大小不超过100KB。此外，还提供了预览功能。

在上传操作中，经常会遇到要求指定上传文件的格式，下面的实例是在客户端通过JavaScript验证上传图片格式为jpg/gif/png

<html> <head> <mce:script language="JavaScript" type="text/JavaScript"></mce:script> </head> <body> <table width="100%" border="0"> <tr> <td> <div align="center"><img border="1" id="yourpic" onload="javascript:if(this.width>175)this.width=175;if(this.height>150)this.height=150;"> </div> </td> </tr> <form name="picForm" action="#" method="post" enctype="multipart/form-data" onsubmit="return checkPic(picForm);"> <tr> <td> <div align="center"><input type="file" name="file" size="10" id="pic" onchange="changesrc()"/></div> </td> </tr> <tr> <td> <div align="center"><input type="submit" value="上传照片" /></div> </td> </tr> </table> </body> </html>

这种判断只是一个初步的判断，当上传文件为修改格式的情况下，能够上传，但是后台是无法处理的。所以，仍然需要在后台对上传的图片进行第二次判断。