Internet Explorer의 파일 입력에서 파일 이름 만 가져 오기

Question

HTML 입력 파일에서 파일 이름 만 반환해야합니다. 파이어 폭스에서

document.getElementById("whatever").value; 

그것이 내가 원하는 어떤 파일 이름 만 제공하지만, IE에서 나는 전체 경로를 얻을 : 파일의 이름을 얻기 위해 사용

<input type="file" id="whatever" /> 

자바 스크립트 코드 메신저

입니다 .

문자열 조작 만이 이름을 얻는 유일한 방법이라고 생각합니다.

자바 스크립트에서 이름 (확장자도) 만 가져 오는 가장 쉬운 방법은 무엇입니까? 감사.

Answer 1

의 바이올린입니다이

var path = document.getElementById("whatever").value; 
var fileName = path.match(/[^\/\\]+$/); 
console.log(fileName); 

Answer 2

이 작품이 좋겠습니다. 여기

var fullFileName = document.getElementById("whatever").value; 
var fileName = fullFileName.substr(fullFileName.lastIndexOf("\\")+1, fullFileName.length); 

당신은 시도 할 수 Fiddle

Answer 3

var path = document.getElementById("whatever").value; 
var filename = path.substring(path.lastIndexOf("/") + 1); 

이 마지막 / 후 당신에게 모든 것을 줄뿐만 아니라의 부족과 호환됩니다 / s. 경우 당신은 또한 사랑스러운 경로 구분자로 \ 다룰 필요가, 당신은 항상이 먼저 사용할 수 있습니다

path.replace(/\\/g, "/")