js上传文件(图片)限制格式及大小
参考:https://blog.csdn.net/wobaiwodedukuku/article/details/60571190
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form id="form1" name="form1" method="post" action="" enctype="multipart/form-data"> <!--<p><input type="hidden" name="MAX_FILE_SIZE" value="100000" /></p>--> <p><input name="userfile" id="userfile" type="file" onchange="check()" /></p> </form> </body> </html> <script language="JavaScript" type="text/javascript"> function check() { var aa = document.getElementById("userfile").value.toLowerCase().split('.'); //以“.”分隔上传文件字符串 // var aa=document.form1.userfile.value.toLowerCase().split('.');//以“.”分隔上传文件字符串 if(document.form1.userfile.value == "") { alert('图片不能为空!'); return false; } else { if(aa[aa.length - 1] == 'gif' || aa[aa.length - 1] == 'jpg' || aa[aa.length - 1] == 'bmp' || aa[aa.length - 1] == 'png' || aa[aa.length - 1] == 'jpeg') //判断图片格式 { var imagSize = document.getElementById("userfile").files[0].size; alert("图片大小:" + imagSize + "B") if(imagSize < 1024 * 1024 * 3) alert("图片大小在3M以内,为:" + imagSize / (1024 * 1024) + "M"); return true; } else { alert('请选择格式为*.jpg、*.gif、*.bmp、*.png、*.jpeg 的图片'); //jpg和jpeg格式是一样的只是系统Windows认jpg,Mac OS认jpeg, //二者区别自行百度 return false; } } } </script>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用