方法一:

html:

<input type="file" id="file_up" name="file" multiple="multiple" >

js:

function readFile(){var input = document.getElementById("file_up");var iLen = this.files.length;for(var i=0;i<iLen;i++){if (!input['value'].match(/.jpg|.gif|.png|.jpeg|.bmp/i)){  //判断上传文件格式return alert("上传的图片格式不正确,请重新选择");}
}

方法二:

也可以加属性直接限定:

如excel格式限定属性:

accept=".csv, application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"

<input type="file" id="file_up" name="file" multiple="multiple" accept=".csv, application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet">

js判断上传文件为图片格式、excel格式相关推荐

  1. JS 判断上传文件是否为EXCEL 文件

    <SCRIPT language="JavaScript"> function checkform(o){var f_content = form1.file.valu ...

  2. JS判断上传文件类型

    /*    * 判断图片类型    */     function checkImgType(ths){         if (ths.value == "") {        ...

  3. 微信小程序实现上传文件 如图片/word excel到服务器

    说道上传文件,首先要想到微信官方文档给的API,wx.uploadFile({ }) 通过这个API来达到上传至服务器的效果:代码示例如下 接下来我们先来说说上传图片功能,这个比较简单一些 上传图片: ...

  4. 前端判断文件后缀名_js判断上传文件后缀名是否合法

    本文实例介绍了js判断上传文件后缀名是否合法的详细代码,分享给大家供大家参考,具体内容如下 效果图: 选择文件 选择1.jpg文件 上传成功合法 除图片文件格式以外,其他都是不合法的操作. 具体代码: ...

  5. JS中使用FormData上传文件、图片的方法

    参考博客:http://www.cnblogs.com/xiaohuochai/p/6543019.html http://www.cnblogs.com/qcloud1001/p/6839541.h ...

  6. java判断是否安装了pdf_java判断上传文件是否为pdf java图像上传中如何判断是否是jpg格式...

    java怎么判断有没有上传文件 Java平台如何判断用户上传的文件是否是图片不要辜负了自己受过的苦难,这样善良又努力的一个你,一定会得到曾梦寐以分享的所有美好. if(typeof FileReade ...

  7. 微信小程序-云开发上传文件、图片

    文章目录 一.前言 二.功能简介 1.选择微信聊天记录中的文件 2.选择本地相册/拍照图片 3.上传功能 三.实现代码 1.选择聊天文件函数(js) 2.选择相册函数(js) 3.上传文件函数(js) ...

  8. Jeesite4本地及服务器上传文件、图片详解

    大家过年好,你们的老朋友小Q又回来了,最近一段时间忙于公司项目开发,又加上过年比较忙,所以没能留出时间更新内容,大家是不是有点着急了?公司最近在使用jeesite4开发项目,我呢,对这个框架一点也不熟 ...

  9. postman使用put方法向华为云obs桶上传文件和图片

    原贴地址:https://bbs.huaweicloud.com/blogs/298147 [摘要] postman使用put方法向华为云obs桶上传文件和图片.记录下过程. postman使用put ...

  10. 上传文件和图片的限制的问题

    上传文件和图片的限制的问题 开发工具与关键技术:Visual Studio 2015 请求数据的交互 作者:李国旭 撰写时间:2019年4月13日 在学习了ASP.NET MVC中我觉得文件的上传方式 ...

最新文章

  1. 解决方法WindowsError: [Error 193] %1 is not a valid Win32 application
  2. java类与对象的最初理解
  3. android引用另一个项目作为library错误
  4. 前端解析返回的对象时json显示$ref问题的解决
  5. java mysql nclob_java语言操作Oracle数据库中的CLOB数据类型 (转)
  6. 全文服务(Microsoft 搜索)不可用。系统管理员必须启动此服务
  7. mysql引擎模式_mysql引擎,完整的见表语句,数据库模式, 常用数据类型,约束条件...
  8. 利用Octopress搭建一个Github博客
  9. Java学习日报—JVM垃圾回收全解—2021/11/26
  10. java certification_Java Certification.Status方法代码示例
  11. 【Android】ListView 控件的简单使用
  12. 路由器:斐讯K3C刷官改,固件版本是32.1.46.268
  13. Roslyn(CSharpScript).Net脚本编译引擎使用过程内存增涨与稳定的方式
  14. POI导出Excel设置自适应列宽
  15. mouse without borders 一套键鼠控制多台设备
  16. Python爬取斗鱼弹幕——多房间同时抓取实现(一)
  17. win10 2016 长期服务版的ISO文件中本身就带有KMS激活KEY
  18. tp框架该网页无法正常运作的一个坑
  19. GPIO实现I2C从机的设计[1]
  20. 华为云快成长直播间大数据AI专场,加速经济物联网智能化提升

热门文章

  1. win10查看激活时间(Win10查看激活信息)
  2. 服务器装系统鼠标键盘不能动,装系统鼠标键盘不能动
  3. 网页里添加Skype、WhatsApp及时聊天窗口
  4. 网络打印机怎么扫描到计算机,怎么用打印机扫描文件-富士施乐SC2020复印机设置网络扫描到计算机(SMB)...
  5. 计算机在我们日常生活中越来越重要英语,怎么翻译因特网在我们日常生活中起着越来越重要的作用用英语-网络的重要性用英语-英语-戈驴聪同学...
  6. 运动坐标系的旋转角速度与旋转角(转换角)的关系
  7. Unable to modify the parent container element before the child element is closed
  8. 将多张图片合并为一张图片
  9. API安全前景与趋势
  10. 计算机键盘上删除,电脑哪个是删除键