js上传文件后缀
⑴ js/jquery校验上传图片后缀为gif|png|jpeg|jpg格式的图片，尺寸为512*512 校验，大小限制为300k的文件
<input type="file" name="myFile" id="form01" />
function validate_edit_logo(a){
var file = $('file').value;
if(!/.(gif|jpg|jpeg|png|gif|jpg|png)$/.test(file)){
alert("图片类型必须是.gif,jpeg,jpg,png中的一种")
if(a==1){
return false;
}
}else{
var image = new image();
image.src = file;
var height = image.height;
var width = image.width;
var filesize = image.filesize;
$('beforeend').src=file;
$('div_regi_right').setstyle('display', 'block');
if(width>512 && height>512 && filesize>300k){
alert('请上传512*512像素 或者大小小于300k的图片');
if(a==1){
return false;
}
}
if(a==1){
return true;
}
}
}
⑵ 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>
⑶ 利用 JS在客户端判断文件上传的真实格式（获取文件后缀的朋友就不要回答了） 急!
你在谷歌浏览器打开控制台，输入document.getElementById('file').files，这个方法也可以用来获取文件的大小，如果file有选择文件的话会显示filelist会有type出现，不过我试了一下，效果跟获取文件后缀名差不多，而且前端验证很容易欺骗，安全性考虑都会在后端重新验证。
⑷ js如何上传文件
js采用File API 来上传文件的。
File API 由一组 JavaScript 对象以及事件构成。赋予开发人员操作在 <input type=”file” … /> 文件选择控件中选定文件的能力。图 1 展示了 File API 所有的 JavaScript 的组合关系。
File API 简单示例
<body>
<h1>File API Demo</h1>
<p>
<!-- 用于文件上传的表单元素 -->
<form name="demoForm" id="demoForm" method="post" enctype="multipart/form-data"
action="javascript: uploadAndSubmit();">
<p>Upload File: <input type="file" name="file" /></p>
<p><input type="submit" value="Submit" /></p>
</form>
<div>Progessing (in Bytes): <span id="bytesRead">
</span> / <span id="bytesTotal"></span>
</div>
</p>
</body>
运行效果：
⑸ 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>
⑹ 怎样用JS控制文件上传时FILE控件内默认的文件类型
有两种方式，
1、用fileupload控件在后台判断
FileUpload1.FileContent.Length判断大小，
System.IO.Path.GetExtension(FileUpload1.FileName)获取文件后缀
2、用jquery上传控件，可以直接判断类型和大小
另外js也可以在前台判断文件类型，但不能获取文件大小，需要引用插件
⑺ javascript获取上传的文件名，去掉文件的后缀名
你设置一个变量，去接收一下，接收的这个要经过截去子串的处理，取到你想要的那部分比如说：
var s1=new Array（）；
var str=data; //data 就是传过来的文件名
s1=str.split（str.lastIndexOf（“.”）），你想要的就在 s1[0]中,而 . 是文件名与后缀名的分界线，根据它去截去
⑻ 七牛云js上传 为什么没有后缀
上传文件的控件 就可以显示文件名的，不过显示的是带后缀的，你是想显示不带后缀的是吗
那就用js 取到那个dom节点 然后把你去掉后缀的文件名 追加进去
⑼ JS如何读取上传文件的后缀名
function up(file){
//文件后缀可以通过 打印 file.file 可以看出来
console.log(file.file);
}