对文件选择框的input校验感觉很不合理。

第一点：

视频中老师说文件选择的input首先要进行非空校验（checkEmpty），但是其实后面两个校验（文件名长度的校验和后缀名的校验）就包含了非空校验的功能，所以这个非空校验感觉完全没有必要。

第二点:

对长度的校验也很奇怪，$(input).val().toLowerCase()返回的是一个绝对路径，至少在windows操作系统中，就算上传的是一个最简单的文件名为"a"的文件（没有扩展名，文件名就一个字"a"），长度最少都有13,小等于4的情况根本不存在。

第三点:

视频中，对后缀名校验只校验了最后三位，竟然没有包含"."。这就意味着，如果上传的是一个文件名为"abcjpg"的文件（没有后缀名），或者上传的是"a.abcjpg"胡乱编写后缀名的文件，这种非图片格式的文件也能通过校验。

慕丝1539783 2020-06-27

源自：企业门户网站前后台开发 4-8 开发表单校验JS脚本

39

收起

2回答

好帮手慕阿园 2020-06-27 19:08:40

同学你好,
1,同学的理解是正确的,这里也可以不用判断是否为空
2,很抱歉上次没有理解同学的意思,返回的不是绝对路径的文件名,而是在前面加了C:\fakepath\后的路径,这是为了安全的问题,谷歌火狐等浏览器通过安全设置做了一个假路径,这样的话同学的考虑也是正确的,但是为了适应所有的浏览器,就判断长度是否小于4

如果我解决了你的疑惑，请采纳！祝学习愉快~

好帮手慕阿园 2020-06-27 17:18:08

同学你好
1,对input输入框的校验是针对所有input输入框的检验,而后面的两个校验是针对文件名的校验
2,$(input).val()是获取文件名,这里判断文件名的长度,而一个文件,最简单的a加上后缀名,长度都是不小于4的,所以这里判断如果文件名小于4是不合理的
3,老师这里只是判断了后缀名,同学可以使用.jpg等来判断是否为图片

如果我解决了你的疑惑，请采纳！祝学习愉快~

提问者慕丝1539783 #1

1.针对后缀名的校验，就能判断是不是非空。如果能够通过后缀名的的校验，一定也能通过非空校验。所以这里的checkEmpty校验就是多此一举。 2.文件选择，$(input).val()返回的不是一个单纯文件名，是带有绝对路径的文件名，我在第二张图已经标明了，最终返回值为“c:\fakepath\a”。所以带有绝对路径的文件名，其长度不可能小于4。上传任何一个文件（无论文件名叫什么，无论是否有后缀名），$(input).val()返回值的长度一定是大于4的。所以判断长度小于4为错的，没有任何意义。

2020-06-27 17:56:14

相似问题

前后台混合校验

复选框的多个选择

反馈个体验问题，如图，为啥多选不做成复选框，单选就单选框，现在这样每次都要反应下

两个页面同一个JS校验出来的结果不同

nth-of-type不是指定类型,为什么用类选择器的时候,第一个选不出来

登录后可查看更多问答，登录/注册

java工程师2020版

参与学习人
提交作业 9393 份
解答问题 16556 个

综合就业常年第一，编程排行常年霸榜，无需脱产即可学习，北上广深月薪过万无论你是未就业的学生还是想转行的在职人员，不需要基础，只要你有梦想，想高薪

本课精华内容

问答作业

安装了MySQL 之后有时候自己会跳出来个黑窗口是为什么呢？

79 1

什么时候用List中的ArrayList呢，什么时候用HashSet，什么时候应该用HashMap

81 1

创建字符串的过程理解

62 1

如何干净的卸载数据库

134 1

请教一下没太懂

48 3

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载