js判断上传文件的后缀名方法

来源：互联网发布：英语分级阅读知乎编辑：程序博客网时间：2024/06/05 17:47

方式一

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title></head><body><input type="file" id="fileId"  onchange="selectFile(this)" /></body><script type="text/javascript"> function selectFile(input) {     var fileName = input.value;    if(fileName.length > 1 && fileName ) {               var ldot = fileName.lastIndexOf(".");        var type = fileName.substring(ldot + 1);                 if(type != "img") {            alert(type);            //清除当前所选文件            input.outerHTML=input.outerHTML.replace(/(value=\").+\"/i,"$1\"");        }           }} </script></html>

方式二

<form action="uploadfile.php" enctype="multipart/form-data" method="post" target="iframeUpload"> <iframe name="iframeUpload" src="" width="350" height="35" frameborder=0 SCROLLING="no" style="display:NONE"></iframe> <input id="test_file" name="test_file" id="fileId" type="file" onchange="selectFile(this)"> <input value="上传文件" type="submit"> </form><script type="text/javascript">function selectFile(fnUpload) {var filename = fnUpload.value; var mime = filename.toLowerCase().substr(filename.lastIndexOf(".")); if(mime!=".jpg") { alert("请选择jpg格式的照片上传"); fnUpload.outerHTML=fnUpload.outerHTML; }}</script>

方式三

function suffix(file_name){    var result =/\.[^\.]+/.exec(file_name);    return result;}

阅读全文

0 0