判断pdf、word文档、图片等文件类型(格式)、大小的简便方法
判断pdf、word文档、图片等文件类型(格式)、大小的简便方法
很久没发文了,今天有时间就写一下吧。
关于上传文件,通常我们都需要对其进行判断,限制上传的类型,如果是上传图片,我们甚至会把图片转化成base64数据后,再进行上传。普遍的方法是直接写在上传按钮的触发方法里面,但是对于大型的项目而言,这必然是会重复着同一段代码,使得代码臃肿繁重,这样也不利于平台的优化以及后续的维护,于是,我便封装了一个小小的判断上传文件的类型,图片类型的简便方法,这样不紧节省了重复的劳动力,而且还可以更好的优化项目,提高性能,代码如下:
/* Type: 该值为类型数组,例如:["gif","jpeg","jpg","png"] Size: 该值为数值,限制大小(单位M) fileID: 需要验证的文件ID clackFn:回调函数使用:TypeSize(["gif","jpeg","jpg","png"],20,"id",function(){//回调函数内容});*/ function TypeSize(Type,Size,fileID,clackFn){ var file = document.getElementById(fileID);var size = 1024*1024*Size;var arr = Type;var fileContentType = file.value.match(/^(.*)(\.)(.{1,8})$/)[3]; //文件类型if (file.files && file.files[0]){var f_size = file.files[0].size; //文件大小if(arr.join(',').toLowerCase().indexOf(fileContentType.toLowerCase()) != -1){ //检索上传的文件类型是不是在允许的arr数组之内if(f_size > size){alert("文件太大,请重新上传");file.value="";return false;}else {clackFn();}} else {alert("文件格式不匹配,请重新上传",'确定');}} else { //兼容IEalert('请切到高级浏览器,再进行图片上传','确定');}}
谢谢阅读,如果能帮到您,请帮忙顶一个,当然喜欢的可以收藏一下,谢谢!~( ̄▽ ̄~)(~ ̄▽ ̄)~
注:转发请注明出处
转载于:https://www.cnblogs.com/XieMay/p/7874330.html
判断pdf、word文档、图片等文件类型(格式)、大小的简便方法相关推荐
- Word电子扫描仪 word文档转换为图片Pdf,Word文档扫描成Pdf,word文档加密 word转图片 word转pdf
Word文档转换为图片Pdf,Word文档扫描成Pdf Word转换为图片Pdf 1. Word转换为Pdf,程序很多,但转换后的Pdf,还可以复制,虽可以加密禁止复制,但市场上太多的P ...
- 谈一谈|Word文档图片的提取
欢迎点击「算法与编程之美」↑关注我们! 本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章. 欢迎加入团队圈子!与作者面对面!直接点击! 1 问题分析 do ...
- 使用aspose.word.for.java解析word文档图片并替换
/** *需要import的包有如下 *import com.aspose.words.Document; *import com.aspose.words.DocumentBuilder; *imp ...
- 关于java下载Word文档图片显示不全的问题
关于java 从FTP下载Word文档图片显示不全的问题 最近想实现这样一个功能,从ftp服务器获取word文档下载下来,但是出现了一下问题: 本地启动的tomcat,可以下载word,图片显示正常: ...
- 黏贴图片到word文档图片显示不全,只显示一行(保姆级图文)
步骤 系列文章 前言 异常情况 解决方法 总结 系列文章 提示:转到日常小技巧专栏,观看更多内容! 点我直达–>日常小技巧专栏 前言 黏贴图片到word文档图片显示不全(保姆级图文) 发现图片占 ...
- html保存导入word文档格式,WordPress网站在导入Word文档时如何保持原有格式
WordPress程序后台有文章发布功能,可以添加文字和图片.如果想将自己在排版好的Word 文档导入到WordPress ,作为文章发布,却不是一件容易的事情,如果我们直接复制,Word 文档本身的 ...
- 计算机储存文档格式,把word文档保存成为tif图形格式 -电脑资料
TIFF图形格式(TagImageFileFormat)的文件,具有图形格式复杂.存贮信息多的特点, 标记图像文件格式(TIFF)用于在应用程序和计算机平台之间交换文件.几乎受所有的绘画.图像编辑和页 ...
- Word文档页码从第二页起出现的设置方法(转)
Word文档页码从第二页起出现的设置方法(转)[@more@] 某日,一位经常为校办公室打印材料的同事找到我,请求我帮他解决这样一个问题:按惯例,在装订打印的文件或材料中,大多数情况下要求封面不显示页 ...
- 计算机word显示不全,win7系统电脑打开Word文档内容显示不全或显示空白的解决方法...
很多小伙伴都遇到过win7系统电脑打开Word文档内容显示不全或显示空白的困惑吧,一些朋友看过网上零散的win7系统电脑打开Word文档内容显示不全或显示空白的处理方法,并没有完完全全明白win7系统 ...
- word文档粘贴选项保留原格式,在不同文档上查看格式一样,显示却不一样
word文档粘贴选项保留原格式,在不同文档上查看格式一样,显示却不一样!!! 示例: 经检查两部分内容字体.段落.页面格式等方面完全一样,但显示内容就是不一样! 将粘贴后异常显示的内容复制 保留原 ...
最新文章
- mysql如何根据业务分表设计_mysql分表分库的应用场景和设计方式
- PAT Basic 1032
- 圈子 | 金融圈小伙伴讲述1929大崩盘那些事儿
- VTK:图像亮度用法实战
- 图片上传组件_配置Django-TinyMCE组件 实现上传图片功能
- centos开发环境安装的备忘
- sdk linux 离线安装方法,Android SDK离线安装方法详解(加速安装)
- java tcp ip通信_Java中Socket实现TCP/IP协议的通信
- 块存储性能--阿里云ECS磁盘
- sea 配置资料收集
- 深入浅出 Javascript API(二)--地图显示与基本操作
- java ip子网计算器_ip子网计算器IPV4子网计算工具v1.1
- Python基础知识之7
- pyppeteer 报 Execution context was destroyed, most likely because of a navigation
- python安装jupyterlab_Jupyter/JupyterLab安装使用
- 如何设置对话框的最大(小)高度与宽度
- Ubuntu-pyqt5+qtDesigner安装手顺
- 某电商客户数据价值分析项目
- 前端开发神器VS Code安装教程
- php显示网络图片,php中显示图片的方法