Question

javascript如何判断form表单值是否是图片类型

脚本如下
<script language="javascript">
function CheckForm()
{
if(document.w.certinfo.value=="")
{
alert("证书描述不能为空！");
return false;
}
else if(document.w.files.value=="")
{
alert("证书图片不能为空！");
return false;
}
else if( )
{

return false;
}
return true;
}
function chkimg(inp)
{
var img=null;
if(img)img.removeNode(true);
img=document.createElement("img");
img.attachEvent("onerror",notimg());
img.src=inp;
}
function notimg()
{
alert("您插入的不是图片，请重新选择插入！");
}
</script>

网页中表单代码如下：
<form name="w" action="user/upload_cert_success.html" method="post" onSubmit="return CheckForm();" ENCTYPE="multipart/form-data">
<div class="add">
<ul class="ty">证书描述：</ul>
<ul class="cert"><input type="text" name="certinfo" maxlength="100" value="资质认定计量认证证书" /></ul>
</div>
<div class="add1">
<ul class="ty">证书图片：</ul><ul class="certpic"><input type="file" name="files" /></ul>
</div>
<button type="submit">上传证书</button>
</form>

请达人帮我改写一下脚本，如果files中的值不是图片类型则表单不提交，谢谢！

Answer 1

<script language="javascript">
function CheckForm()
{
if(document.w.certinfo.value=="")
{
alert("证书描述不能为空！");
return false;
}
else if(document.w.files.value=="")
{
alert("证书图片不能为空！");
return false;
}else {
var file_value = document.getElementById('file').value;
alert(isJpg(file_value));
return isJpg(file_value);
}

return true;
}
function chkimg(inp)
{
var img=null;
if(img)img.removeNode(true);
img=document.createElement("img");
img.attachEvent("onerror",notimg());
img.src=inp;
}
function notimg()
{
alert("您插入的不是图片，请重新选择插入！");
}

function isJpg(v) {
if(!v) return;

//判断是否为图片的数组，你自己往里面加扩展名吧
var jpg = ['jpg','png'];

v = v.split('.');
v = v[v.length - 1];

for(var i in jpg) {
if(jpg[i] == v) {
return true;
}
}
return false;
}
</script>

网页中表单代码如下：
<form name="w" action="user/upload_cert_success.html" method="post" onSubmit="return CheckForm();" ENCTYPE="multipart/form-data">
<div class="add">
<ul class="ty">证书描述：</ul>
<ul class="cert"><input type="text" name="certinfo" maxlength="100" value="资质认定计量认证证书" /></ul>
</div>
<div class="add1">
<ul class="ty">证书图片：</ul><ul class="certpic"><input type="file" id="file" name="files" /></ul>
</div>
<button type="submit">上传证书</button>
</form>

Answer 2

这个例子你看一下吧，。。比较简单！！
<SCRIPT language=JavaScript>
<!--
function getFilePic(){
var stxt;
stxt=form1.pic.value.substring(form1.pic.value.lastIndexOf(".")+1,form1.pic.length);
stxt=stxt.toUpperCase();
switch(stxt){
case "GIF":
alert("您输入的是GIF图片！");
break;
case "JPG":
alert("您输入的是JPG图片！");
break;
case "BMP":
alert("您输入的是BMP图片！");
break;
case "PNG":
alert("您输入的是PNG图片！");
alert("您输入的图片符");
break;
default:
alert("您必须输入GIF,JPG,BMP,PNG等各式的图片！")
break;
}

}
//-->
</script>
<form id=form1>
<p align=center>选择图片：<input type="file" name=pic></p>
<p align=center><input type=button value=' 上 传 ' onclick="getFilePic()"></p>
</form>

判断扩展名就可以了
如果你要判断上传图片，，如果不是。则提示，，不是这个格式的
这个用switch语句不好，你用if 语句就可以了。。
stxt=stxt.toUpperCase();
你可以不要！！！！
没必要转换！！

Answer 3

function isImg(_file){
var _imgType = 'jpg_gif_png_bmp'; //自己添加
var _f = _file.value;
var _fr = _f.split('.');
if(_fr.length<=1){
alert('不是文件！');
}else{
var _ft = _fr[_fr.length-1].toLowerCase();
if(_imgType.indexOf(_ft)<0){
alert('不是图片');
}
}
}

Answer 4

那就你自己去判断扩展名了