很实用的一个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 控制上传文件的大小及文件类型 在现代Web应用开发中，文件上传功能非常常见，例如用户可能需要上传头像、文档等文件。为了确保用户体验并减轻服务器负担，通常需要对上传文件进行预检查，包括文件...
以上就是JavaScript检测上传文件大小的基本方法和相关知识点。通过在前端使用JavaScript来限制文件大小，可以提高用户体验，减少不必要的网络传输，并保护服务器免受超出预期大小文件的潜在影响。然而，出于安全和...
JavaScript通过`File.type`属性可以获取到文件的MIME类型。对于图片，常见的类型有`image/jpeg`（JPEG格式）、`image/png`（PNG格式）、`image/gif`（GIF格式）等。在上传时，我们可以检查这个属性来判断是否为合法...
在JavaScript中，处理二进制文件并使用Ajax传输二进制流是一项常见的任务，尤其是在进行文件上传或数据传输时。由于浏览器之间的差异，实现这一功能需要考虑不同的API和兼容性问题。以下是一份详细的指南，涵盖了...
在实际开发过程中，对于文件上传功能的实现，通常还会涉及到文件的校验与安全性问题，比如前端的类型校验只能作为用户体验的一个补充，服务器端还应当进行相同的类型校验以及必要的安全检查，如防止恶意文件上传等。...
在实现JavaScript检测上传文件大小功能时，需要注意安全性和隐私保护，确保不会因代码缺陷而泄露用户数据。同时，应该避免过于复杂的用户界面操作，以免给用户带来困扰。最终的目标是创建一个既安全又用户友好的文件...
文件上传断点续传协议是一种高效且可靠的文件上传机制，尤其适用于处理大文件和网络不稳定的情况。该协议的实现基于Python和JavaScript，采用一发一回的通信方式，确保了客户端与服务器之间的交互效率和准确性。它...
在本篇文章中，我们将深入探讨如何使用AJAX技术来实现这个功能，特别关注如何添加进度条并检查文件类型。 首先，我们需要理解AJAX（Asynchronous JavaScript and XML）的核心概念。AJAX允许我们在不刷新整个页面的...
在使用Uploadify时，有时候我们需要确保上传的文件类型符合预期，这就涉及到文件类型的判断。本项目就是为了解决这个问题，它是在.NET平台上，利用C#语言编写的服务器端代码，能够识别并判断uploadify上传文件的真实...
常见的安全措施包括检查文件类型、大小，甚至进行内容检测。此外，上传的文件应存储在受保护的目录下，避免直接暴露在Web根目录，以防止被直接访问。 文件上传的性能优化也是一个重要话题。为了提高上传速度和减少...
在前端，我们可以监听文件输入元素的change事件，获取到文件后，创建FormData对象并添加文件，然后使用XMLHttpRequest的send方法发送到后台。PHP接收这些数据，进行存储或者进一步处理。 2. **大文件分片上传**： ...
2. 文件上传机制安全：确保文件上传机制的安全，例如限制上传文件的类型和大小。 3. 权限配置：确保Web应用程序的权限配置正确，以防止恶意文件的上传。 五、WebShell 文件上传漏洞的检测方法 检测WebShell 文件...
综上所述，"layui实现文件压缩上传"项目主要涉及layui的上传组件使用、JavaScript图片压缩技术、文件类型检测以及上传进度的实时反馈。这些知识点对于前端开发者来说非常重要，尤其在处理用户上传文件的场景下，能够...
8. **安全性**：由于文件上传可能带来的安全风险，比如上传恶意脚本或大文件导致服务器崩溃，开发者需要对上传的文件进行安全检查和限制，如使用MIME类型检测、文件大小限制等。 9. **用户体验**：使用...
3. **后端验证**：前端验证并不能完全防止恶意文件上传，服务器端必须再次验证文件类型和大小，并进行必要的安全检查。 4. **使用哈希算法**：如MD5，为文件内容生成唯一标识，用于检测重复文件和验证文件完整性。 ...
4. **文件类型检测**：为了防止恶意文件上传，例如病毒或非法内容，实例包含了文件类型的检查机制。这通常是通过对上传文件的扩展名进行验证，只允许特定类型的文件通过。在Struts的配置文件（struts-config.xml）或...
在PHP端，主要负责接收上传的文件，进行安全检查（例如，验证文件类型、大小等），然后可能进行一些处理，比如图片的缩略图生成。在描述中提到的“缩略图生成”，指的是接收到图片文件后，利用PHP的GD库或Imagick...