拆分功能在js中不起作用

时间:2014-07-10 12:34:08

标签: javascript

此代码在第4行显示错误,我无法弄清楚原因。

function checkImage(){
   var file1,exts,statusFile;
   file1=$('#image').val();
   var get_ext=file1.split(".");
   statusFile=$('#imageP');
   if($.inArray(get_ext,['gif','png','jpg','jpeg']) != -1) {
     statusFile.html("");
   }
   else{
     statusFile.html("invalid extension!");
   }
}

它显示第4行上未定义file1的错误

2 个答案:

答案 0 :(得分:0)

您的file1变量为undefined,因为$('#image').val();已返回undefined。这可能是因为在执行此JS时没有ID为image的DOM节点。

答案 1 :(得分:-1)

img标记上的

.val()(我认为#image是一个img标记)不会检索图像的url。 attributte“src”确实如此。 尝试这样的事情:

function checkImage(){
   var file1,exts,statusFile;
   file1=$('#image').attr("src");
   var get_ext=file1.split(".");
   statusFile=$('#imageP');
   if($.inArray(get_ext,['gif','png','jpg','jpeg']) != -1) {
     statusFile.html("");
   }
   else{
     statusFile.html("invalid extension!");
   }
}

我假设#image存在且是img标记。但看起来很可能#image不存在