`
java110eye
  • 浏览: 64883 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

javascript判断上传图片文件类型(后缀名)

阅读更多

 

1、根本是正则表达式,不存在浏览器问题

 

/*
 * 判断图片类型
 * 
 * @param ths 
 * 			type="file"的javascript对象
 * @return true-符合要求,false-不符合
 */
function checkImgType(ths){
	if (ths.value == "") {
		alert("请上传图片");
		return false;
	} else {
		if (!/\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(ths.value)) {
			alert("图片类型必须是.gif,jpeg,jpg,png中的一种");
			ths.value = "";
			return false;
		}
	}
	return true;
}

 

 

2、以下判断像素的在firefox下不行,主要是这句代码document.body.insertAdjacentElement("beforeEnd", img);

 

暂时未找到解决办法....

 

/*
 * 判断图片大小
 * 
 * @param ths 
 * 			type="file"的javascript对象
 * @param width
 * 			需要符合的宽 
 * @param height
 * 			需要符合的高
 * @return true-符合要求,false-不符合
 */
function checkImgPX(ths, width, height) {
	var img = null;
 	img = document.createElement("img");
	document.body.insertAdjacentElement("beforeEnd", img); // firefox不行
	img.style.visibility = "hidden"; 
	img.src = ths.value;
	var imgwidth = img.offsetWidth;
	var imgheight = img.offsetHeight;
	
	alert(imgwidth + "," + imgheight);
	
	if(imgwidth != width || imgheight != height) {
		alert("图的尺寸应该是" + width + "x"+ height);
		ths.value = "";
		return false;
	}
	return true;
}

 

求解....

求解....

 

 

ths.value = "";  // IE无效

..讨厌的浏览器兼容问题!

 

.

分享到:
评论

相关推荐

    php 文件上传后缀名与文件类型对照表(几乎涵盖所有文件).pdf

    我们可以使用 MIME 类型或文件后缀名来限制文件类型,例如只允许上传图片文件或文档文件。 2. 限制文件大小 我们可以使用 PHP 的上传限制来限制文件大小,例如只允许上传小于 1M 的文件。 3. 限制文件数量 我们...

    js判断图片真实性(非判断文件后缀)

    传统的检查方式是通过文件的后缀名来判断,但这种方法存在明显的漏洞,因为恶意用户可以轻易地更改文件的后缀名,使得非图片文件伪装成图片。针对这个问题,我们可以采用一种更安全的策略,即不依赖文件后缀,而是...

    JS 获取文件后缀,判断文件类型(比如是否为图片格式)

    在JavaScript中,获取文件后缀和判断文件类型是常见的需求,尤其在处理用户上传的文件时,例如确保上传的是图片格式。以下是如何使用JavaScript来实现这些功能的详细说明。 首先,我们来了解一下如何**获取文件后缀...

    js获取判断上传文件后缀名的示例代码

    以上就是JavaScript获取并判断上传文件后缀名的示例代码的知识点,总结起来主要包括:获取文件上传路径、处理和分割字符串、判断文件类型是否符合要求、客户端与服务器端的文件类型安全检查。掌握这些知识点可以帮助...

    js根据后缀判断文件文件类型的代码

    JavaScript为我们提供了一种简单有效的方式来通过文件后缀判断文件类型。本文将详细解析如何使用JavaScript代码实现文件类型的判断,并介绍了ES6标准中新增的箭头函数的使用。 ### 文件类型判断的重要性 在进行...

    前端vue 判断图片格式

    JS上传文件判断文件格式 GIF JPG PNG

    js判断上传文件后缀名是否合法

    本文将详细解读如何利用JavaScript语言来判断上传文件后缀名是否合法。 首先,我们需要了解文件的后缀名是什么。一个文件的后缀名位于文件名的最后,通常用来标识文件的类型。例如,在文件名 "example.jpg" 中,"....

    浅谈javascript如何获取文件后缀名

    在学习和工作中,经常需要对上传的文件进行处理,比如判断文件的类型。文件类型通常由文件的后缀名来表示,...如果想了解更多关于JavaScript获取文件后缀名的相关内容,可以搜索更多相关文章或继续浏览相关的技术资源。

    PHP文件上传后缀名与文件类型对照表整理

    此外,文件的后缀名通常是文件类型的直观反映,但也有许多方式可以隐藏或欺骗文件的后缀名,因此,仅依靠后缀名来判断文件类型是不安全的。在PHP中,虽然`$_FILES['filename']['type']`可以提供上传文件的MIME类型,...

    JS自定义函数对web前端上传的文件进行类型大小判断

    如果文件大小没有问题,则遍历允许上传的文件类型数组,与文件后缀名进行对比。如果找到匹配项,则认为文件类型是允许的;否则,设置`isUpload`为`false`并记录错误编号。 6. **错误提示**: ```javascript if ...

    图片上传扩展名和大小控制

    在实现时,可以通过检查文件的后缀名或者读取文件头信息来确定文件的真实类型。 其次,大小控制同样至关重要。无节制的图片大小可能导致服务器存储空间耗尽,同时也会增加网络传输时间和用户等待时间。常见的做法是...

    文件上传下载登录注册页面

    例如,可以使用`pathlib`(Python)或`java.io.File`(Java)等库来检查文件后缀,或者使用`file`命令(Linux/Unix)分析文件内容以确定其实际类型。 3. **时间判断**: 时间判断可能涉及多种场景,如设置文件的...

    JS控制FileUpload的上传文件类型实例代码

    本文将介绍如何利用JavaScript(简称JS)来控制文件上传控件(FileUpload)的文件类型,仅允许用户上传特定的文件格式,比如图片文件。 知识点: 1. 文件上传控件(FileUpload):在Web表单中,FileUpload控件允许...

    上传后缀绕过

    例如,将文件命名为`evil.php.txt`,服务器可能仅根据`.txt`后缀判断文件类型而忽略真正的`.php`部分,这样就可以绕过扩展名检查。 ##### 0x05: JavaScript文件绕过 一些服务器配置允许JavaScript文件执行,因此...

    php+swfupload+jquery上传文件,仿163邮箱上传

    同时,显示文件大小和文件后缀名对应的图标,提供更友好的用户体验。 2. **判断文件重复**:在文件上传前,后台需检查文件名是否存在,以防止重复上传。这可以通过在服务器端比较文件名或者文件哈希值来实现。如果...

    压缩文件上传到指定目录

    然后,使用字符串操作方法`Substring`和`LastIndexOf`来获取文件后缀名,并进行压缩文件类型的判断。 ##### 2. 文件保存与异常处理 ```csharp if (Valid == true) { try { this.FileUpload1.SaveAs(Server....

    客户端js判断文件类型和文件大小即限制上传大小

    然后,通过比较用户选择文件的路径(`filepath`)的后缀名(`fileend`)与`filetypes`数组中的元素,判断文件类型是否被允许。如果找到匹配的类型,则`isnext`设置为`true`,否则弹出警告提示并清空输入框。 2. **...

    jQuery实现判断上传图片类型和大小的方法示例

    为了保证判断的准确性,我们将文件后缀转换为大写形式,因为文件名大小写可能不一致。 接下来,需要判断文件的后缀是否属于我们接受的图片格式之一。在这里,代码通过一系列的if条件语句检查文件类型是否为PNG、JPG...

    上传的js验证(图片/文件的扩展名)

    总的来说,这段JavaScript代码实现了上传文件时的前端验证,主要针对图片文件的扩展名、文件大小和尺寸,以确保上传的文件符合预设的规则。这种方法在Web应用中常见,尤其是在用户交互性强,需要上传内容的地方,如...

Global site tag (gtag.js) - Google Analytics