JS如何读取上传文件的后缀名

最新推荐文章于 2023-07-24 11:23:07 发布
最新推荐文章于 2023-07-24 11:23:07 发布
阅读量1.4k 收藏
点赞数
分类专栏： JS



在点上传的的时候需要先判断文件格式是否属于允许的类型,JS实现代码如下：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">

<style type="text/css">
<!--
BODY{
BACKGROUND-COLOR: #f5feed;
font-size:9pt
}
.tx1 { height: 20px;font-size: 9pt; border: 1px solid;border-color: #000000; color: #0000FF}
-->
</style>

<SCRIPT language=javascript>
function check_file()
{
  var strFileName=form1.FileName.value;
  if (strFileName=="")
  {
   alert("请选择要上传的文件");
    return false;
  }
  varstrtype=strFileName.substring(strFileName.length-3,strFileName.length);
  strtype=strtype.toLowerCase();
  if(strtype=="jpg"||strtype=="gif"||strtype=="rar"||strtype=="zip"||strtype=="bmp"||strtype=="png"||strtype=="swf"||strtype=="doc"||strtype=="exe")
    return true;
  else{
   alert("这种文件类型不允许上传！\r\n只允许上传这几种文件：rar、zip、jpg、gif、bmp、png、swf、doc、exe\r\n请选择别的文件并重新上传。");
 form1.FileName.focus();
 return false;
  }
}
</SCRIPT>
</head>
<body leftmargin="0"topmargin="0">
<form action="#upfile.asp" method="post"name="form1" onSubmit="return check_file()"enctype="multipart/form-data">
  <input name="FileName"type="FILE" class="tx1" size="20">
  <input type="submit"name="Submit" value="上传" style="border:1px doublergb(88,88,88);font:9pt">
</form>
<br>只允许上传这几种文件：rar、zip、jpg、gif、bmp、png、swf、doc、exe
</body>
</html>

 

http://bbs.blueidea.com/thread-2659573-1-1.html


简单的绿竹
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
js获取判断上传文件后缀名的示例代码
12-10
代码如下:function lastname(){ //获取欲上传的文件路径var filepath = document.getElementById(“file1”).value; //为了避免转义反斜杠出问题，这里将对其进行转换var re = /(\\+)/g; var filename=filepath.replace(re,”#”);//对路径字符串进行剪切截取var one=filename.split(“#”);//获取数组中最后一个，即文件名var two=one[one.length-1];//再对文件名进行截取，以取得后缀名var three=two.split(“.”)
JavaScript获取上传文件后缀名
weixin_33726318的博客
01-08 1265
上传文件的时候要判断上传文件的类型是否符合需求，通过JavaScript获取上传文件后缀名。演示如下：     源码如下： &lt;input size=30 type="file" name="pic" onchange="check_type(this)"/&gt; &lt;script language="javascript"&gt; function check_type(obj)
获取上传文件格式后缀
weixin_62462734的博客
03-13 447
【代码】获取上传文件格式后缀。
获取上传文件的后缀名
weixin_30439031的博客
04-12 171
1publicstaticstringGetFileExtends(stringfilename)2{3stringext=null;4if(filename.IndexOf('.')>0)5{6string[]fs=filename.Split('.');7...
js获取上传文件后缀名（附js提交form表单）
weixin_33953384的博客
04-29 624
js获取上传文件后缀名（附js提交form表单）代码如下：<html> <head> <metahttp-equiv="Content-Type"content="text/html;charset=gb2312"> <script> functioncheck_file() { varstrFileName=...
JavaScript代码实现txt文件的上传预览功能
10-18
检查文件的后缀名是否为`.txt`，这可以通过`substr(-4)`获取文件名的最后四个字符，并使用`toLocaleLowerCase()`转换为小写进行比较。 ```javascript var file = $("#txt")[0].files[0]; if (file.name.substr(-4)....
客户端js判断文件类型和文件大小即限制上传大小
10-26
然后，通过比较用户选择文件的路径（`filepath`）的后缀名（`fileend`）与`filetypes`数组中的元素，判断文件类型是否被允许。如果找到匹配的类型，则`isnext`设置为`true`，否则弹出警告提示并清空输入框。 2. **...
js判断图片真实性（非判断文件后缀）
09-10
传统的检查方式是通过文件的后缀名来判断，但这种方法存在明显的漏洞，因为恶意用户可以轻易地更改文件的后缀名，使得非图片文件伪装成图片。针对这个问题，我们可以采用一种更安全的策略，即不依赖文件后缀，而是...
java poi execl读取、写入和上传
06-06
接着，通过文件的后缀名判断是否为Excel 2007的xlsx格式。如果是xlsx文件，创建`XSSFWorkbook`对象来表示整个工作簿。`XSSFWorkbook`是POI针对xlsx格式的实现。使用`getSheetAt()`获取第一个工作表，即第0个表单，并...
js判断上传文件后缀名是否合法
10-22
主要介绍了js判断上传文件后缀名是否合法的具体方法，以一个完整实例分析了javascript判断上传文件后缀名是否合法的方法，感兴趣的小伙伴们可以参考一下
js-读取上传文件后缀
02-29 89
/** * 读取文件后缀名称，并转化成小写 * @param file_name * @returns */ function houzuiToLowerCase(file_name) { if (file_name == null || file_name.length == 0) return null; var...
如何使用 JavaScript 获取上传的文件扩展名
我的博客，不一样的自我表达
05-23 482
本教程将帮助您了解使用 JavaScript 获取文件扩展名所涉及的过程。如果您正在构建允许用户文件上传的 Web 应用程序，这可用于验证您可能想要实施的任何文件类型限制。我们在这里所做的是从输入字段中获取文件名，使用方法split()将文件名和扩展名拆分为一个数组，然后使用pop()从数组中获取最后一项（文件扩展名）的方法。这就是本教程的全部内容。既然你在这里，为什么不查看我们所有的JavaScript 教程。
javascript中获取上传文件的文件名称
最新发布
L19910311的博客
07-24 1735
有时js中需要获取刚上传的文件的文件名称，都是带有后缀的，现在需要获取的是不带后缀名的。
js获取文件后缀名、文件扩展名
wjxhliu的博客
07-15 857
var spl = filename.split("."); document.write(spl[spl.length-1]); 方法三： 　　　　stringObject.split(sep) 分割字符串,将字符串以指定的分隔符分割为一个数组 <script> var filename = "javascript.html"; var spl = filename.split("."); document.write(spl[spl.length-.
html得到上传文件类型后缀,js获取上传文件后缀名（附js提交form表单）
weixin_30920907的博客
06-07 509
js获取上传文件后缀名(附js提交form表单) 代码如下：functioncheck_file(){varstrFileName=form1.FileName.value;if(strFileName==""){alert("请选择要上传的文件");returnfalse;}varstrtype=strFileName.substring(strFileName.length-3,st...
js上传文件(压缩文件)
邹毅的专栏
07-02 5923
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;XMLHttpRequest上传文件(压缩文件)&lt;/title&gt; &lt;script type="text/javascript"&gt; /*
JS 获取文件后缀，判断文件类型(比如是否为图片格式)
qq_45457134的博客
11-04 4466
JS 获取文件后缀，判断文件类型是否为图片格式
js 获取文件名和后缀名称
ivneptune的博客
10-12 7276
1.使用subtring() 截取字符串，对于文件名中会出现多个点的很有用，从最后一个点的地方截取。2. 使用正则，对只会出现一个点的适用。$1是文件名，$2是扩展名。
js获取判断上传文件后缀名
05-17
可以使用JavaScript的String对象的endsWith()方法来判断文件名是否以指定的后缀名结尾。例如，判断上传文件是否为图片文件，可以使用以下代码： ```javascript const fileName = 'example.png'; // 上传文件的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值