หน้าแรก/บทความ/Javascript ดึงชื่อไฟล์และนามสกุลจาก URL
กลับหน้าบทความ
🌐JavaScript

Javascript ดึงชื่อไฟล์และนามสกุลจาก URL

วิธีใช้ JavaScript ดึงชื่อไฟล์, ชื่อไฟล์ไม่มีนามสกุล และนามสกุลไฟล์ออกจาก URL ด้วย regex และ split

ศิริชัย ธีรภัทรสกุล (ตั้ม)อ่าน 2 นาที1 กุมภาพันธ์ 2555
#JavaScript#URL#Regex#String#Filename

ยกตัวอย่างเช่น URL https://memo8.com/home.html ต้องการดึงชื่อไฟล์และนามสกุลออกมา จะได้ผลลัพธ์ดังนี้:

  • filename1 = 'home.html' (ชื่อไฟล์ + นามสกุล)
  • filename2 = 'home' (เฉพาะชื่อไฟล์ ไม่มีนามสกุล)
  • file_extension = 'html' (เฉพาะนามสกุล)

โค้ด JavaScript

url = window.location.pathname;
filename1 = url.match(/.*\/(.*)$/)[1];   // ชื่อไฟล์+นามสกุล → home.html
filename2 = filename1.split(/\./)[0];    // ชื่อไฟล์ไม่มีนามสกุล → home
file_extension = filename1.split(/\./)[1]; // นามสกุลไฟล์ → html

🚀 รับพัฒนาเว็บไซต์ & เว็บแอพพลิเคชั่น

สนใจดูตัวอย่างงานหรือสอบถามเพิ่มเติม ติดต่อได้เลยครับ โค้ดโมทีฟ (CodeMotive)