判断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文档、图片等文件类型(格式)、大小的简便方法相关推荐

  1. Word电子扫描仪 word文档转换为图片Pdf,Word文档扫描成Pdf,word文档加密 word转图片 word转pdf

    Word文档转换为图片Pdf,Word文档扫描成Pdf Word转换为图片Pdf 1.        Word转换为Pdf,程序很多,但转换后的Pdf,还可以复制,虽可以加密禁止复制,但市场上太多的P ...

  2. 谈一谈|Word文档图片的提取

    欢迎点击「算法与编程之美」↑关注我们! 本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章. 欢迎加入团队圈子!与作者面对面!直接点击! 1 问题分析 do ...

  3. 使用aspose.word.for.java解析word文档图片并替换

    /** *需要import的包有如下 *import com.aspose.words.Document; *import com.aspose.words.DocumentBuilder; *imp ...

  4. 关于java下载Word文档图片显示不全的问题

    关于java 从FTP下载Word文档图片显示不全的问题 最近想实现这样一个功能,从ftp服务器获取word文档下载下来,但是出现了一下问题: 本地启动的tomcat,可以下载word,图片显示正常: ...

  5. 黏贴图片到word文档图片显示不全,只显示一行(保姆级图文)

    步骤 系列文章 前言 异常情况 解决方法 总结 系列文章 提示:转到日常小技巧专栏,观看更多内容! 点我直达–>日常小技巧专栏 前言 黏贴图片到word文档图片显示不全(保姆级图文) 发现图片占 ...

  6. html保存导入word文档格式,WordPress网站在导入Word文档时如何保持原有格式

    WordPress程序后台有文章发布功能,可以添加文字和图片.如果想将自己在排版好的Word 文档导入到WordPress ,作为文章发布,却不是一件容易的事情,如果我们直接复制,Word 文档本身的 ...

  7. 计算机储存文档格式,把word文档保存成为tif图形格式 -电脑资料

    TIFF图形格式(TagImageFileFormat)的文件,具有图形格式复杂.存贮信息多的特点, 标记图像文件格式(TIFF)用于在应用程序和计算机平台之间交换文件.几乎受所有的绘画.图像编辑和页 ...

  8. Word文档页码从第二页起出现的设置方法(转)

    Word文档页码从第二页起出现的设置方法(转)[@more@] 某日,一位经常为校办公室打印材料的同事找到我,请求我帮他解决这样一个问题:按惯例,在装订打印的文件或材料中,大多数情况下要求封面不显示页 ...

  9. 计算机word显示不全,win7系统电脑打开Word文档内容显示不全或显示空白的解决方法...

    很多小伙伴都遇到过win7系统电脑打开Word文档内容显示不全或显示空白的困惑吧,一些朋友看过网上零散的win7系统电脑打开Word文档内容显示不全或显示空白的处理方法,并没有完完全全明白win7系统 ...

  10. word文档粘贴选项保留原格式,在不同文档上查看格式一样,显示却不一样

    word文档粘贴选项保留原格式,在不同文档上查看格式一样,显示却不一样!!! 示例:   经检查两部分内容字体.段落.页面格式等方面完全一样,但显示内容就是不一样! 将粘贴后异常显示的内容复制 保留原 ...

最新文章

  1. mysql如何根据业务分表设计_mysql分表分库的应用场景和设计方式
  2. PAT Basic 1032
  3. 圈子 | 金融圈小伙伴讲述1929大崩盘那些事儿
  4. VTK:图像亮度用法实战
  5. 图片上传组件_配置Django-TinyMCE组件 实现上传图片功能
  6. centos开发环境安装的备忘
  7. sdk linux 离线安装方法,Android SDK离线安装方法详解(加速安装)
  8. java tcp ip通信_Java中Socket实现TCP/IP协议的通信
  9. 块存储性能--阿里云ECS磁盘
  10. sea 配置资料收集
  11. 深入浅出 Javascript API(二)--地图显示与基本操作
  12. java ip子网计算器_ip子网计算器IPV4子网计算工具v1.1
  13. Python基础知识之7
  14. pyppeteer 报 Execution context was destroyed, most likely because of a navigation
  15. python安装jupyterlab_Jupyter/JupyterLab安装使用
  16. 如何设置对话框的最大(小)高度与宽度
  17. Ubuntu-pyqt5+qtDesigner安装手顺
  18. 某电商客户数据价值分析项目
  19. 前端开发神器VS Code安装教程
  20. php显示网络图片,php中显示图片的方法

热门文章

  1. 咖喱函数(Curry Func)
  2. Visual Studio Code调试javascript操作指南
  3. js封装字母大小写转换升级版
  4. android7.0原生黑名单
  5. html边框js特效,JS实现表格的边框闪烁效果代码
  6. cloudcompar中道路边线半自动提取思路
  7. 语言表达能力不好,这些感统训练可以帮助你
  8. 谈谈对网络通信的理解
  9. IOS14怎么降级回IOS13
  10. 微信小程序下载网络图片保存到本地