例子
| 代码如下 | 复制代码 |
|
<!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; </script> |
|
例子
| 代码如下 | 复制代码 |
| <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 Check_FileType(str) {
var pos = str.lastIndexOf(".");
var lastname = str.substring(pos,str.length) //此处文件后缀名也可用数组方式获得str.split(".")
if (lastname.toLowerCase()!=".jpg" && lastname.toLowerCase()!=".gif") {
alert("您上传的文件类型为"+lastname+"，www.111Cn.net图片必须为.jpg,.gif类型");
document.myform.pic.focus();
return false;
} else {
return true;
}
} |
|
例子
| 代码如下 | 复制代码 |
|
function lastname(){ //获取欲上传的文件路径 var filepath = document.getElementById("file1").value; //为了避免转义反斜杠出问题，这里将对其进行转换 var re = /(\+)/g; var filename=filepath.replace(re,"#"); //对路径字符串进行剪切截取 var one=filename.split("#"); //获取数组中最后一个，即文件名 var two=one[one.length-1]; //再对文件名进行截取，以取得后缀名 var three=two.split("."); //获取截取的最后一个字符串，即为后缀名 var last=three[three.length-1]; //添加需要判断的后缀名类型 var tp ="jpg,gif,bmp,JPG,GIF,BMP"; //返回符合条件的后缀名在字符串中的位置 var rs=tp.indexOf(last); //如果返回的结果大于或等于0，说明包含允许上传的文件类型 if(rs>=0){ return true; }else{ alert("您选择的上传文件不是有效的图片文件！"); return false; } } |
|
有些朋友喜欢使用onclick这样用户如果是点击按钮是可以判断，但直接按回车就检测不到了，所以我们只要在form上加上onsubmit="return lastname()" 即可。