JQuery 判断文件类型

古城微笑少年丶 2022-08-07 04:43 228阅读 0赞

` ` `//文件上传文件选择后事件`

` ` `$(document).ready(` `function` `() {`

`  ` `$(` `"input[name^='fileName']"` `).each(`

`//这里是用了each因为是多文件上传，input的id都是fileToUpload  开头`

`    ` `function` `() {`

` ` `$(` `"#"`  `+ $(` `this` `).attr(` `"name"` `) + ` `""` `).live(` `'change'` `,` `function` `() {`

` ` `var`  `fileName = $(` `this` `).val();`

` ` `if`  `(fileName != ` `null` `&& fileName != ` `""` `) {`

`  ` `//lastIndexOf如果没有搜索到则返回为-1`

`  ` `if`  `(fileName.lastIndexOf(` `"."` `) != -1) {`

`   ` `var`  `fileType = (fileName.substring(fileName.lastIndexOf(` `"."` `) + 1,`

`  ` `fileName.length)).toLowerCase();`

`   ` `var`  `suppotFile = ` `new`  `Array();`

`   ` `suppotFile[0] = ` `"jpg"` `;`

`   ` `suppotFile[1] = ` `"gif"` `;`

`   ` `suppotFile[2] = ` `"bmp"` `;`

`   ` `suppotFile[3] = ` `"png"` `;`

`   ` `suppotFile[4] = ` `"jpeg"` `;`

`   ` `for`  `( ` `var`  `i = 0; i < suppotFile.length; i++) {`

`    ` `if`  `(suppotFile[i] == fileType) {`

`if`  `(fileName.length > 100) {`

` ` `alert(` `"文件名长度不能超过100字符"` `);`

` ` `if`  `(!window.addEventListener) {      `

`    ` `document.getElementById(fileName[j]).outerHTML+=` `''` `;  ` `//IE清除inputfile`

`    ` `}` `else`  `{ `

`     ` `document.getElementById(fileName[j]).value = ` `""` `;   ` `//FF清除inputfile`

`    ` `} `

` ` `return`  `false` `;`

`}`

`return`  `true` `;`

` ` `} ` `else`  `{`

`continue` `;`

` ` `}`

` ` `}`

`  ` `alert(` `"文件类型不合法,只支持 jpg、gif、png、jpeg类型！"` `);`

`    ` `if`  `(!window.addEventListener) {      `

`    ` `document.getElementById(fileName[j]).outerHTML+=` `''` `;  ` `//IE`

`    ` `}` `else`  `{ `

`     ` `document.getElementById(fileName[j]).value = ` `""` `;   ` `//FF`

`    ` `} `

`   ` `return`  `false` `;`

`  ` `} ` `else`  `{`

`   ` `alert(` `"文件类型不合法,只支持 jpg、gif、png、jpeg类型！"` `);`

`    ` `if`  `(!window.addEventListener) {      `

`    ` `document.getElementById(fileName[j]).outerHTML+=` `''` `;  ` `//IE`

`    ` `}` `else`  `{ `

`     ` `document.getElementById(fileName[j]).value = ` `""` `;   ` `//FF`

`    ` `} `

`   ` `return`  `false` `;`

`  ` `}`

` ` `}`

`});`

`});`

`});`

发表评论取消回复

表情：

评论列表（有 0 条评论，228人围观）

还没有评论，来说两句吧...

相关阅读

相关 Android根据文件路径判断文件类型

Android根据文件路径判断文件类型在Android开发中，有时候我们需要根据文件路径来判断文件的类型，这对于文件管理、文件上传等操作非常有用。本文将介绍如何使用Java

た入场券/ 2023年10月14日 22:47/ 0 赞/ 88 阅读

相关文件类型判断_文件类型

文件类型判断 Doctypes are simply a way to tell the browser—or any other parsers—what type of

╰+哭是因爲堅強的太久メ/ 2022年12月03日 11:25/ 0 赞/ 153 阅读

相关 java判断文件类型

文章目录 FileType代码 FileTypeJudge类对于新类型如何看 FileType代码

柔光的暖阳◎/ 2022年11月18日 04:52/ 0 赞/ 222 阅读

相关 JQuery 判断文件类型

` ` `//文件上传文件选择后事件` ` ` `$(document).ready(` `function` `() {` ` ` `$(` `"input[name^

古城微笑少年丶/ 2022年08月07日 04:43/ 0 赞/ 229 阅读

相关 jQuery判断多种数据类型

本文中举例判断了以下类型：数组，字符串，数值，日期，函数，对象 1、判断是否为数组类型 var obj=[0]; alert((typeof ob

蔚落/ 2022年05月30日 04:50/ 0 赞/ 137 阅读

相关 Tika判断文件类型（可正确判断）

try (InputStream is = theInputStream; BufferedInputStream bis = new Buff

r囧r小猫/ 2022年04月23日 08:26/ 0 赞/ 327 阅读

相关 apache tika判断文件类型

判断文件类型一般可采用两种方式 1. 后缀名判断简单易操作，但无法准确判断类型 2. 文件头信息判断通常可以判断文件类型，但有些文件类型无

刺骨的言语ヽ痛彻心扉/ 2022年03月20日 14:54/ 0 赞/ 394 阅读

相关 23. Perl 文件操作-文件类型判断

perl 语言提供了很多对于判断文件属性的操作符, 笔者只列出个人常用的一些文件操作符. 文件属性判断操作符通常与if 配合使用. 1. 常用文件操作符 1.1 判断

旧城等待，/ 2022年01月27日 21:21/ 0 赞/ 397 阅读

相关判断文件类型

项目中功能很多，可以播放很多媒体文件，flash、图片、视频、office等等都可以，但需要用户设定好每个文件需要怎样的播放方式。如果弄错了，比如flash却用播放

淡淡的烟草味﹌/ 2021年11月22日 10:32/ 0 赞/ 338 阅读

相关 jQuery1.9判断浏览器类型

jQuery 从 1.9 版开始，移除了 $.browser 和 $.browser.version ，取而代之的是 $.support 。在更新的 2.0 版本中，将不再

电玩女神/ 2021年06月24日 13:58/ 0 赞/ 371 阅读