`
zjx2388
  • 浏览: 1328914 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

JavaScript检测上传文件类型

    博客分类:
  • J2SE
阅读更多

很实用的一个JS代码,判断一个上传表单允许上传的文件类型,扩展性很好,只要改变数组里的扩展名就可判断你要的类型

 

 

<html>
	<head>
		<title>JS判断上传文件类型</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript">
<!-- Begin
extArray = new Array(".gif", ".jpg", ".png",".txt");//允许上传的文件类型
function LimitAttach(form, file) {
	allowSubmit = false;
	if (!file) return;
	while (file.indexOf("\\") != -1)
		file = file.slice(file.indexOf("\\") + 1);
	ext = file.slice(file.indexOf(".")).toLowerCase();
	for (var i = 0; i < extArray.length; i++) {
		if (extArray[i] == ext) {
		 allowSubmit = true; break;
		}
	}
	if (allowSubmit) 
		form.submit();
	else
		alert("只能上传:  "+ (extArray.join("  ")) + "\n请重新选择文件"+ "再上传.");
}
//  End -->
</script>
	</head>
	<body>
		<form method=post name=upform action="" enctype="multipart/form-data">
			<input type=file name=uploadfile>
			<input type=button name="Submit" value="Submit"
				onclick="LimitAttach(this.form, this.form.uploadfile.value);">
		</form>
	</body>
</html>

 

分享到:
评论

相关推荐

    javascript控制上传文件的大小及文件类型

    ### JavaScript 控制上传文件的大小及文件类型 在现代Web应用开发中,文件上传功能非常常见,例如用户可能需要上传头像、文档等文件。为了确保用户体验并减轻服务器负担,通常需要对上传文件进行预检查,包括文件...

    JavaScript检测上传文件大小的方法

    以上就是JavaScript检测上传文件大小的基本方法和相关知识点。通过在前端使用JavaScript来限制文件大小,可以提高用户体验,减少不必要的网络传输,并保护服务器免受超出预期大小文件的潜在影响。然而,出于安全和...

    js上传图片大小类型限制检测

    JavaScript通过`File.type`属性可以获取到文件的MIME类型。对于图片,常见的类型有`image/jpeg`(JPEG格式)、`image/png`(PNG格式)、`image/gif`(GIF格式)等。在上传时,我们可以检查这个属性来判断是否为合法...

    JavaScript读二进制文件并用ajax传输二进制流的方法

    在JavaScript中,处理二进制文件并使用Ajax传输二进制流是一项常见的任务,尤其是在进行文件上传或数据传输时。由于浏览器之间的差异,实现这一功能需要考虑不同的API和兼容性问题。以下是一份详细的指南,涵盖了...

    JavaScript判断文件上传类型的方法

    在实际开发过程中,对于文件上传功能的实现,通常还会涉及到文件的校验与安全性问题,比如前端的类型校验只能作为用户体验的一个补充,服务器端还应当进行相同的类型校验以及必要的安全检查,如防止恶意文件上传等。...

    javascript检测(控制 )上传文件大小

    在实现JavaScript检测上传文件大小功能时,需要注意安全性和隐私保护,确保不会因代码缺陷而泄露用户数据。同时,应该避免过于复杂的用户界面操作,以免给用户带来困扰。最终的目标是创建一个既安全又用户友好的文件...

    文件上传断点续传协议

    文件上传断点续传协议是一种高效且可靠的文件上传机制,尤其适用于处理大文件和网络不稳定的情况。该协议的实现基于Python和JavaScript,采用一发一回的通信方式,确保了客户端与服务器之间的交互效率和准确性。它...

    ajax文件上传带进度条,带判断上传文件是否合法

    在本篇文章中,我们将深入探讨如何使用AJAX技术来实现这个功能,特别关注如何添加进度条并检查文件类型。 首先,我们需要理解AJAX(Asynchronous JavaScript and XML)的核心概念。AJAX允许我们在不刷新整个页面的...

    支持 uploadify 上传的文件头判断类型

    在使用Uploadify时,有时候我们需要确保上传的文件类型符合预期,这就涉及到文件类型的判断。本项目就是为了解决这个问题,它是在.NET平台上,利用C#语言编写的服务器端代码,能够识别并判断uploadify上传文件的真实...

    文件上传(文件上传)

    常见的安全措施包括检查文件类型、大小,甚至进行内容检测。此外,上传的文件应存储在受保护的目录下,避免直接暴露在Web根目录,以防止被直接访问。 文件上传的性能优化也是一个重要话题。为了提高上传速度和减少...

    php+html5实现无刷新上传,大文件分片上传,断点续传

    在前端,我们可以监听文件输入元素的change事件,获取到文件后,创建FormData对象并添加文件,然后使用XMLHttpRequest的send方法发送到后台。PHP接收这些数据,进行存储或者进一步处理。 2. **大文件分片上传**: ...

    WebShell文件上传漏洞分析溯源

    2. 文件上传机制安全:确保文件上传机制的安全,例如限制上传文件的类型和大小。 3. 权限配置:确保Web应用程序的权限配置正确,以防止恶意文件的上传。 五、WebShell 文件上传漏洞的检测方法 检测WebShell 文件...

    ajax上传文件案例

    8. **安全性**:由于文件上传可能带来的安全风险,比如上传恶意脚本或大文件导致服务器崩溃,开发者需要对上传的文件进行安全检查和限制,如使用MIME类型检测、文件大小限制等。 9. **用户体验**:使用...

    基于javascript html5实现多文件上传_.docx

    3. **后端验证**:前端验证并不能完全防止恶意文件上传,服务器端必须再次验证文件类型和大小,并进行必要的安全检查。 4. **使用哈希算法**:如MD5,为文件内容生成唯一标识,用于检测重复文件和验证文件完整性。 ...

    layui实现文件压缩上传

    综上所述,"layui实现文件压缩上传"项目主要涉及layui的上传组件使用、JavaScript图片压缩技术、文件类型检测以及上传进度的实时反馈。这些知识点对于前端开发者来说非常重要,尤其在处理用户上传文件的场景下,能够...

    多文件上传实例 多文件上传实例

    4. **文件类型检测**:为了防止恶意文件上传,例如病毒或非法内容,实例包含了文件类型的检查机制。这通常是通过对上传文件的扩展名进行验证,只允许特定类型的文件通过。在Struts的配置文件(struts-config.xml)或...

    SWFObject图片、文件上传,PHP版

    在PHP端,主要负责接收上传的文件,进行安全检查(例如,验证文件类型、大小等),然后可能进行一些处理,比如图片的缩略图生成。在描述中提到的“缩略图生成”,指的是接收到图片文件后,利用PHP的GD库或Imagick...

Global site tag (gtag.js) - Google Analytics