当前位置:首页 » 文件管理 » js判断上传文件格式

js判断上传文件格式

发布时间: 2022-02-25 15:39:52

1. 使用<input type="file">限定上传的文件类型,要求点击浏览的时候就限定类型,不要在js中验证判断

我们也有这个需求,起初是因为桌面系统实现了:点击浏览后,弹出的浏览窗口中要默认只显示指定类型的文件。现在要把这个功能移植到web上。而web的默认类型是浏览器自己实现的,accept属性又不好用,好难啊

2. js怎么判断和控制表单上传文件的大小和类型

ajax 是无法实现上传文件的,可以想一下ajax与后台通信都是通过传递字符串,怎么能传递文件呢?其实出于安全考虑js是不能操作文件的

3. js怎样控制上传文件类型

将你要上传的文件的后缀改成允许上传的类型,到时候下载下来再改回来就行了

4. 上传文件前先用js判断有没有选择文件

首先判断判断 :document.getElementById("youFileCtl").value!="";就可以判断有没有选择文件了。

5. js怎么获取上传文件的文件的扩展名

代码:
<script language="javaScript">
var a="abc.jpg";
function test(file_name){
var result =/\.[^\.]+/.exec(file_name);
return result;
}
var b=test(a);
alert(b);
</script>

6. js文件上传验证文件类型第一个为文本,第二个为MP3格式,第三个为jpg 如何动态验证求解

下面是一个完整的HTML文档,你可以复制后进行直接测试。


代码中有必要的注释:

<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>文件类定义</title>
</head>

<body>
<formmethod=postname=upformaction=""enctype="multipart/form-data">
<divid="file"style="margin-top:60px;width:auto;hegiht:auto;"></div>
<ahref="javascript:void(0)"onclick="addUpload()">添加附件</a>
<spanclass="required">语音文件</span>
<inputname="btn_up"class="cmd"type="button"id="btn_up"value="上传"style="cursor:hand"onclick="ajaxFileUpload(this.form,this.form.txt1.value)">
</form>
<scripttype="text/javascript">
varcount=0;
varmaxfile=3;
//增加元素
functionaddUpload(){
if(count>=maxfile)return;//限制最多maxfile个文件框
count++;
//自增id不同的HTML对象,并附加到容器最后
varnewDiv="<divid=divUpload"+count+">"
+"请选择上传的音频,图片,或文字,第"+count+"帧"
+"<br/>"
//下面的每一个input中,都加入了onchange事件,用以在选择完新文件后对其进行判断
//同时第二参数用以限定本输入框中的文件类型
+"文本:<inputname=txt"+count+"type=filemaxlength=30style=width:60%onchange='confirmType(this,"txt")'/><br/>"
+"图片:<inputname=img"+count+"type=filemaxlength=30style=width:60%onchange='confirmType(this,"img")'/><br/>"
+"MP3:<inputname=voice"+count+"type=filemaxlength=30style=width:60%onchange='confirmType(this,"voice")'/><br/>"
+"<inputtype=buttonvalue=删除onclick=delUpload('divUpload"+count+"')/>"
+"</div>";
document.getElementById("file").insertAdjacentHTML("beforeEnd",newDiv);
}

functionconfirmType(th,ty){
varv=th.value;
if(ty=='txt'&&/.txt$/i.test(v)){//如果是文本框
th.style.color='#090';//正确为绿色显示
}elseif(ty=='img'&&/.jpg$/i.test(v)){//如果是图片框
th.style.color='#090';//正确为绿色显示
}elseif(ty=='voice'&&/.mp3$/i.test(v)){//如果是MP3框
th.style.color='#090';//正确为绿色显示
}else{
th.style.color='#F00';//错误为红色显示
alert('您所选择的文件类型不正确');
}
}
</script>
</body>
</html>

7. 怎样用JS控制文件上传时FILE控件内默认的文件类型

有两种方式,
1、用fileupload控件在后台判断
FileUpload1.FileContent.Length判断大小,
System.IO.Path.GetExtension(FileUpload1.FileName)获取文件后缀
2、用jquery上传控件,可以直接判断类型和大小
另外js也可以在前台判断文件类型,但不能获取文件大小,需要引用插件

8. js如何判断文件类型是否是rar

<!DOCTYPEhtml>
<html>
<head>
</head>
<body>
<!--html-->
<divclass="box">
<inputtype="file"name=""id="file">
</div>
<scriptsrc="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script>
<scripttype="text/javascript">
$("#file").change(function(){
varfileName=$(this).val();
varsuffix=fileName.split(".")[1];
if(suffix=="rar"){
alert("上传的是rar文件");
}else{
alert("上传的是其他文件")
}
})
</script>
</body>
</html>


选中文件后通过截取.后面的字符串来判断文件是以什么结尾的就可以判断该文件的类型了。
上面代码你选中一个文件后,页面会弹出你选择的文件是否为rar格式的文件。

效果图

9. js怎么判断上传文件的大小

HTML中input标签有个类型是file。这个是可以上传文件使用的。你可以直接操作这个标签的size来获取文件的大小。
可通过下面的方式
html代码:

js代码:
varfileId="uploadtest";
vardom=document.getElementById(fileId);
varfileSize=dom.files[0].size;//文件的大小,单位为字节B

10. js 如何获取上传文件的大小

HTML中input标签有个类型是file。这个是可以上传文件使用的。你可以直接操作这个标签的size来获取文件的大小。
可通过下面的方式
html代码:

js代码:
varfileId="uploadtest";
vardom=document.getElementById(fileId);
varfileSize=dom.files[0].size;//文件的大小,单位为字节B

热点内容
wps快速访问工具栏 发布:2024-10-27 20:30:38 浏览:16
android手机截屏 发布:2024-10-27 20:20:17 浏览:440
手机外置存储卡 发布:2024-10-27 20:02:12 浏览:337
哪里有手机版安卓软件 发布:2024-10-27 19:48:45 浏览:252
百度云磁盘缓存 发布:2024-10-27 19:48:44 浏览:912
java查看源码工具 发布:2024-10-27 19:46:04 浏览:411
热血传奇脚本源 发布:2024-10-27 19:44:21 浏览:81
电脑版我的世界服务器被炸 发布:2024-10-27 19:41:37 浏览:390
三地址编译器制作 发布:2024-10-27 19:38:36 浏览:274
母亲最爱设什么密码 发布:2024-10-27 19:38:32 浏览:382