您的位置：首页 > 其它

获取input上传文件文件名及扩展名

2016-08-09 20:05 253 查看

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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： input上传文件名 input扩展名

相关文章推荐

新的分享

章节导航