1、使用input标签的type=“file”,上传文件,获取上传文件的文件名和扩展名;
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#mybtn{
width: 100px;
height: 30px;
font-size: 18px;
background-color: lightcoral;
text-align: center;
}
</style>
</head>
<body>
<input type="file" name="myfile" id="myfile" value="" />
<button id="mybtn">点击</button>
</body>
<script type="text/javascript">
//获取一个上传文件的扩展名
var myfile = document.getElementById('myfile');
var mybtn = document.getElementById('mybtn');
mybtn.onclick = function(){
//获取文件上传文件的文件名和扩展名
if(myfile.files[0] == undefined){
alert('未上传文件!');
}else{
//获取上传文件的文件名
alert(<span style="color:#FF0000;">myfile.files[0].name</span>);
}
//获取上传文件的扩展名
var filevalue = myfile.value;
var index = filevalue.lastIndexOf('.');
alert(<span style="color:#FF0000;">filevalue.substring(index)</span>);
}
</script>
</html>