input file弹出框选择文件后缀限制

Posted 山水花草

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了input file弹出框选择文件后缀限制相关的知识,希望对你有一定的参考价值。

在页面选择文件时的弹出框默认显示的是所有类型的文件,有时候文件太多不好选择,我们就要过滤掉不想展示的文件,这是需要用到input的accept属性,只有在type="file"才有效

菜鸟教程:https://www.runoob.com/tags/att-input-accept.html

网友博客:https://blog.csdn.net/u013379933/article/details/77119796

但是,我原本打算是想过滤 (.exe、.sh、.py)这些类型的文件,发现里面都没有。后来找到下面这篇博客:

https://www.cnblogs.com/haocool/p/3431181.html

灵机一动,改成如下形式测试通过:

<input type="file" id="file" accept=".bat,.c,.sh,.exe,.ps1,.py,.jar">

 

以上是关于input file弹出框选择文件后缀限制的主要内容,如果未能解决你的问题,请参考以下文章

jquery怎么点击弹出上传选项?

js中如何点击一个按钮弹出一个file文件框

input 框上传多个文件

Python 弹出框代码

JS弹出框点击获取值后,自动关闭弹出框,然后刷新页面,文本框里里显示选择的信息。

修改ios自有的上传弹出框样式vue