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

最新推荐文章于 2024-05-28 10:37:33 发布

spring21st

最新推荐文章于 2024-05-28 10:37:33 发布

阅读量8.4k

点赞数

文章标签： javascript border function input div file

本文链接：https://blog.csdn.net/spring21st/article/details/5336101

版权

在上传操作中，经常会遇到要求指定上传文件的格式，下面的实例是在客户端通过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" οnlοad="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" οnsubmit="return checkPic(picForm);"> <tr> <td> <div align="center"><input type="file" name="file" size="10" id="pic" οnchange="changesrc()"/></div> </td> </tr> <tr> <td> <div align="center"><input type="submit" value="上传照片" /></div> </td> </tr> </table> </body> </html>

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

spring21st

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JavaScript验证上传文件格式及大小

在上传操作中，经常会遇到要求指定上传文件的格式，下面的实例是在客户端通过JavaScript验证上传图片格式为jpg/gif/png <!-- var img=null; function checkPic(picForm){ var location=picForm.pic.value; if(location==""){
复制链接

扫一扫