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

来源：互联网发布：java中public的翻译编辑：程序博客网时间：2024/05/17 05:17

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>

0 0