file控件怎么去掉两边空格？求js高手


<input name="thefile" type="file" id="subjectimage"   />
　function trim(str){ //删除左右两端的空格
　　   return str.replace(/(^\s*)|(\s*$)/g, "");
　　  }
//截取后缀名
var fileext=trim(document.getElementById('subjectimage').value.substring(document.getElementById('subjectimage').value.lastIndexOf("."),document.getElementById('subjectimage').value.length));//变小写
var image=fileext.toLowerCase(); if(fileext!=""){
       if ((image!='.jpg')&&(image!='.gif')&&(image!='.jpeg')&&(image!='.png')&&(image!='.bmp'))
        {            alert("请上传图片格式文件");
             document.getElementById('subjectimage').focus();
             return false;
        }
     }
当我在file内输入空格后，他竟然弹出“请上传图片格式文件”，也就说trim方法没去掉两边空格咯，我把信息点掉后，焦点回到了file上，我点了提交还是弹出那个错误提示，trim对其他普通input的text都有效啊，file要怎么做才可以呢？
要求很简单嘛file上面什么内容没有就不理他了，有内容就判断，不符合图片条件就提示，还有能不能不给人手工输入啊，我尝试过readonly="readonly"，但是这样连点击“浏览”后没反应了，所以这招不行