input file限制上传文件类型后缀名

<input type="file" name="photo" id="photo" accept="image/jpg,image/jpeg" onchange="checkPhoto()"/>

可以这样限制选择文件时的文件类型，当然这只是个掩耳盗铃的做法，这样其实只是按文件类型过滤了一下而已，当选择所有文件之后仍然可以看到所有。所以应该在js或者后台根据后缀名判断文件类型。

js获取后缀名：

function checkPhoto() {
           var fileName=$("#photo").val();
           var index=fileName.lastIndexOf(".");
           var fileType=fileName.substring(index+1,fileName.length);
           alert(fileType)
       }

怕忘记了，mark一下

欢迎大家加入京东淘宝捡垃圾群：698433653

input file限制上传文件类型后缀名相关推荐

html只允许上传xlsx,input file限制上传文件类型的方法
在前端html中,上传文件时,一般都是用到 type 属性值为 file 的 input 标签,但在默认情况下,file 类型的 input 标签是不限制选择本地文件的类型的,那么本篇博文,飞鸟慕鱼就 ...
input file限制上传文件类型的方法
在前端html中,上传文件时,一般都是用到 type 属性值为 file 的 input 标签,但在默认情况下,file 类型的 input 标签是不限制选择本地文件的类型的. input file ...
html文件上传限制类型,html input file accept 上传文件类型限制格式 MIME 类型列表
单点登录改进版-使用ajax分发cookie避免重定向轮询前言继上一篇博文:可跨域的单点登录(SSO)实现方案[附.net代码]虽然实现了单点登录,也存在很多不合理的地方.很多热心的朋友也给出了很 ...
获取上传文件的后缀名
在做项目中,上传文件是经常会碰到的,所以经常要对文件的类型进行判断---也就是对文件后缀名进行判断,用javascript可以很容易的做到这一点. <!DOCTYPE html PUBLIC & ...
一行Java代码实现获取上传文件的后缀名
场景在进行上传文件时,需要对上传的文件进行重命名,那么就需要获取上传文件的后缀名. 实现 //获取上传文件名fileName = file1.getOriginalFilename(); //获取 ...
angular文件上传php,Angular2里获取（input file）上传文件的内容的方法
最近在用Angular2,需要有一个上传文件的功能,但是又不想用库,所以直接用原生的input file 标签. 然后想获取上传的内容,于是先想了个愚蠢的方法,先通过id获取到这个input标签,然后 ...
html得到上传文件类型后缀,js获取上传文件后缀名（附js提交form表单）
js获取上传文件后缀名(附js提交form表单) 代码如下: function check_file() { var strFileName=form1.FileName.value; if (str ...
组态nodejs的后台server.js，新增post接口，接受前端input file模式上传文件，并接收保存到服务器
如何解决node.js中fs.rename文件跨域问题_OnlyLove_KD的博客-CSDN博客前言最近在学习node.js,今天在写一个文件上传的功能,调用fs.rename上传文件时程序报 ...
ie8及其以下版本兼容性问题之input file隐藏上传文件
文件上传时,默认的file标签很难看,而且每个浏览器下都有很大差距.因此我们基本都把真正的file标签给隐藏,然后创建一个标签来替代它.但是由于IE出于安全方面的考虑上传文件时必须点击file的浏览按 ...

input file限制上传文件类型后缀名

input file限制上传文件类型后缀名相关推荐

最新文章

热门文章

input file限制上传文件类型 后缀名

input file限制上传文件类型 后缀名相关推荐

最新文章

热门文章

input file限制上传文件类型后缀名

input file限制上传文件类型后缀名相关推荐