javascript识别上传的文件是否为图片
来源:互联网 发布:贾平凹秦腔读后感知乎 编辑:程序博客网 时间:2024/05/02 02:07
html5在文件这块新增了FileReader接口,同时对file对象(Blob)进行了升级,可以直接拿到文件的类型和大小,所以若是浏览器版本较高支持FileReader,就可以直接取文件list(h5里file对象为一个list,可以上传多个文件)对象的类型,图片的类型为image/开头,斜杠后面是图片的后缀,所以可以直接以此来判断上传的文件的类型。在不支持FileReader的浏览器里,file对象没有filename.type和filename.size的API,因此我们需要获得文件的后缀,以此来判断文件类型。
if(typeof FileReader != 'undefined'){ var file = document.getElementById("imageFile").files[0]; if((file.type).indexOf("image/")==-1){ swal("提示", "请上传图片!", "warning"); }}else{ var fileName=document.getElementById("imageFile").value; var suffixIndex=fileName.lastIndexOf("."); var suffix=fileName.substring(suffixIndex+1).toUpperCase(); if(suffix!="BMP"&&suffix!="JPG"&&suffix!="JPEG"&&suffix!="PNG"&&suffix!="GIF"){swal("提示", "请上传图片(格式BMP、JPG、JPEG、PNG、GIF等)!", "error"); } }
2 0
- javascript识别上传的文件是否为图片
- javascript识别上传的文件是否为图片
- php判断上传的文件图片是否为空
- 文件上传时判断是否为图片
- 文件上传时判断是否为图片
- java 在前端页面上传图片文件,验证是否为合法的图片
- asp.net 上传判断文件是否为图片
- asp.net FileUpload 判断上传文件是否为图片
- php判断文件上传图片格式是否为图片
- 判断上传是否为图片
- 如何判断上传的图片是否是正真的图片 防止上传恶意的非图片文件
- 判断文件是否为图片
- 判断文件是否为图片
- 判断文件是否为图片
- 判断文件是否为图片
- php判断上传的文件是否是图片类型
- javascript的图片上传
- .net 上传图片 判断是否为真正的图片 防止木马
- Java基础知识之IO流(一)
- Java并发编程:volatile关键字解析
- vs2010 + win10 无法找到rcdll.dll
- The iOS Apprentice:Getting Started
- 剑指offer 用两个栈实现队列
- javascript识别上传的文件是否为图片
- Toolbar的完全自定义
- iOS实现一个颜色渐变的弧形进度条
- 前台上传文件以及页面的文件显示操作
- android基础——setResult()调用时机
- MIT自然语言处理第五讲:最大熵和对数线性模型
- xUtils 学习之路db数据库增删改查基本功能
- 第1次上机实验-2
- hibernate 注解