html5 上传压缩文件类型限制解决方案

最新推荐文章于 2023-05-24 11:05:57 发布

原创

最新推荐文章于 2023-05-24 11:05:57 发布 · 1.1w 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #文件上传 #input类型限制 #压缩文件类型过滤

本文介绍如何在HTML5中实现文件上传时只允许选择.zip或.rar压缩包。通过结合`accept`属性和文件名后缀判断，实现对文件类型的严格过滤，同时检查文件大小不超过20MB。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

   需求场景： 
 
   利用input 上传文件，限制文件类型为zip,或者rar压缩包类型。 
 
   ①尝试通过accept限制，发现除了zip和rar文件，excel，doc等文件也能选择。 
 
   ②于是，解决方案是通过对文件名的判断，增加一层过滤， 
 
   代码如下 
 
   html代码：