js獲取的文件名和后綴名

 

 代碼如下：

<form method="post" onsubmit="return checksubmit()">
    <input type="file" id="uploadfile">
    <input type="submit" name="Submit" value="提交">
</form>
<script >
    function checksubmit(){
        event.preventDefault();
        var file = document.getElementById("uploadfile");
        var filePath = file.value;    //js中無法獲取文件的真是路徑
        var fileName = filePath.substring(filePath.lastIndexOf('\\')+1); //文件名
        var extName = fileName.substring(fileName.lastIndexOf('.')+1);    //后綴名
        console.log('文件名:'+fileName);
        console.log('后綴名:'+extName);
    }
</script>

//獲取后綴名也可以這樣
//var extName = fileName.split('.')[1];

 注：

截取字符串也可使用substr();

 

substr 和 substring 的區別：

當只有一個參數時，兩者都是返回從index位置到結尾的字符串

console.log('吃飯睡覺打豆豆'.substr(2));
console.log('吃飯睡覺打豆豆'.substring(2));
//輸出結果都是睡覺打豆豆

當有兩個參數時就不同了

substr(start,length);     //返回從start位置開始length長度的子串
substring(start,end);    //返回從start位置開始到end位置的子串（不包含end）

console.log('吃飯睡覺打豆豆'.substr(2,2));　　//輸出 睡覺
console.log('吃飯睡覺打豆豆'.substring(2,2));　　//輸出 空字符串
console.log('吃飯睡覺打豆豆'.substring(2,4));　　//輸出睡覺