FileUpload使用Javascript检查扩展名是否有效实现思路
更新时间:2021年9月22日 10:17 点击:1537
通用的检查方法。首先定义好有效的文件扩展名,存放在阵列中。
在JavaScript获取FileUpload控件的文件路径,并取得路径中的文件扩展名。再与阵列中的扩展名比较,如果存在,说明上传的文件是有效的,反之无效。
复制代码 代码如下:
<asp:FileUpload ID="FileUpload1" runat="server" />
<asp:Button ID="btnUpload" runat="server" Text="Upload" OnClientClick="return ValidateFile()" />
上面的HTML的Button按钮有一个OnClientClick事件,那是JavaScript的脚本方法:
复制代码 代码如下:
<script type="text/javascript">
var validFilesTypes = ["png", "jpg", "jpeg", "gif"];
function ValidateFile() {
var file = document.getElementById("<%=FileUpload1.ClientID%>");
var filePath = file.value;
var ext = filePath.substring(filePath.lastIndexOf(".") + 1, filePath.length).toLowerCase();
var isValidFile = false;
for (var i = 0; i < validFilesTypes.length; i++) {
if (ext == validFilesTypes[i]) {
isValidFile = true;
break;
}
}
if (!isValidFile) {
alert("无效的文件。请上传文件扩展名为:\n\n" + validFilesTypes.join(", "));
}
return isValidFile;
}
</script>
Demo:
相关文章
PHP Warning: PHP Startup: 扩展名称: Unable to initialize module
下面我们来看一篇关于PHP Warning: PHP Startup: 扩展名称: Unable to initialize module问题的解决办法,具体如下。 当安装完PHP 某项扩展后重启apache, php -m...2016-11-25- 网上也有很多类似的方法,不过都存在这样那样的不严谨的问题,本文就不一一分析了,这里只给出最正确的利用php 获取文件扩展名(文件后缀名)的方法。 function get_extension($filename){ return pathinfo($filename,PATHIN...2015-10-30
- 这篇文章主要介绍了C#获取并修改文件扩展名的方法,实例分析了C#编程方式修改文件扩展名的技巧,涉及Path类的使用方法,需要的朋友可以参考下...2020-06-25
ajaxFileUpload插件,C#返回Json数据报错问题的解决方案
这篇文章主要介绍了ajaxFileUpload插件,C#返回Json数据报错的解决方案,需要的朋友可以参考下...2020-06-25asp.net fileupload控件上传文件与多文件上传
这篇文章主要介绍了asp.net fileupload控件上传文件的方法,fileupload控件多文件上传,以及fileupload上传时实现文件验证的方法,需要的朋友可以参考下...2021-09-22ASP.NET让FileUpload控件支持浏览自动上传功能的解决方法
这篇文章主要介绍了ASP.NET让FileUpload控件支持浏览自动上传功能的解决方法,很实用的技巧,需要的朋友可以参考下...2021-09-22node.js使用express-fileupload中间件实现文件上传
本文使用express作为服务端,使用express-fileupload库提供的中间件函数来接受从客户端传来的图片,并将图片作为文件存储在服务端,感兴趣的可以了解一下...2021-07-17asp.net FileUpload控件实现文件格式判断与文件大小限制
这篇文章主要介绍了有关asp.net fileupload控件判断文件格式,以及进行文件大小限制的方法,可以在web.config中配置,也可以在.cs文件中实现,需要的朋友参考下...2021-09-22- 这篇文章主要介绍了Asp.Net的FileUpload类实现上传文件的方法,以实例形式讲述了上传文件类的具体实现方法,是非常实用的技巧,需要的朋友可以参考下...2021-09-22
- 代码如下 复制代码 */ function attachicon($type,$size='') { static $attachicons = array( 0 => 'common.gif', 1 => 'image.gif', ...2016-11-25
AjaxControlToolkit AjaxFileUpload 显示英文改成中文的解决方法
AjaxControlToolkit AjaxFileUpload 显示英文改成中文的解决方法,需要的朋友可以参考一下...2020-06-25Asp.net MVC中使用JQuery插件ajaxFileUpload上传文件
这篇文章主要介绍了Asp.net MVC中使用JQuery插件ajaxFileUpload上传文件,需要的朋友可以参考下...2021-09-22- 网站文件上传安全性不容忽视,我们第一步验证就是限制上传扩展名,只能上传我们规定的文件扩展名,现在我们用php的ereg来验证上传文件。 ereg格式如下: 代码如...2016-11-25
- 提供一个实例的php自定义函数,这是一个可以批量修改文件后缀名的php程序,有需要的朋友可以参考一下。 代码如下 复制代码 <?php function...2016-11-25
- 本文主要介绍FileUpload文件上传控件在实际开发中经常遇到的问题并给出解决方法,希望对大家有所帮助。...2021-09-22
- 在 PHP 中,如何获取文件扩展名名呢,我们可能会用字符串操作函数进行处理,但下面举的这些方法只是获取了用户的名字后面带.后面的后缀了并不能做安全验证哦。 比如: ...2016-11-25
- 怎么样获得上传文件的扩展名. 怎么样获得上传文件的扩展名. 例如:c:\lovebbbb\ccc.gif 我想取得.gif 方法一 <script> str = "c:\aaa\bb.ccc.dd.gif"; alert("...2016-09-20
Jquery和BigFileUpload实现大文件上传及进度条显示
这篇文章主要介绍了Jquery和BigFileUpload实现大文件上传及进度条显示的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下...2016-07-01- PHP 获取文件扩展名的方法 PHP获取文件扩展名有很多种方法,下面提供其中的三种方法,大家可以研究下,具体就不解释了,直接给最终正确答案 echo pathinfo('/www/htdocs/your_...2016-11-25
- 选择后的预览效果实现的方法有很多,在本文为大家介绍下使用C#中的FileUpload是如何实现的,感兴趣的朋友不要错过...2021-09-22