Pobierz tylko nazwę pliku z pliku wejściowego w przeglądarce Internet Explorer

Question

Muszę zwrócić tylko nazwę pliku z pliku wejściowego HTML.

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

Kod im JavaScript używając aby uzyskać nazwę pliku to:

document.getElementById("whatever").value; 

w Firefoksie daje tylko nazwę pliku, który jest to, co chcę, ale w IE uzyskać pełną ścieżkę .

Myślę, że manipulacja łańcuchami jest jedynym sposobem na uzyskanie nazwy.

Jaki byłby najprostszy/najkrótszy sposób, aby uzyskać tylko nazwę (rozszerzenie też) w JavaScript? Dzięki.

Answer 1

Można spróbować to

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

Answer 2

Mam nadzieję, że to zadziała.

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

Oto skrzypce w tym Fiddle

Answer 3

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

To daje wszystko po ostatniej /, ale jest również kompatybilny z brakiem / s. W przypadku trzeba także do czynienia z \ jako piękny separatora ścieżki, zawsze można użyć tego pierwszego:

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