[JavaScript] 자바스크립트 정규식으로 사진 확장자 제거 하는 방법 !!

사진파일 확장자 제거 하는 정규식입니다 !!

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>하늘.jpg</h1>
    <button onclick="test()">확장자제거</button>
</body>
</html>

<script>
    function test() {
        var str = document.querySelector('h1').innerText;
        var str2 = str.trim().replace(/(.png|.jpg|.jpeg|.gif)$/,'');
        document.querySelector('h1').innerText = str2;
    }
</script>

결과값

하늘.jpg

728x90