Obtener el nombre de archivo de una ruta con Javascript

Question

Tengo una ruta de acceso completa a una imagen, que estoy usando jquery para leer, en el formulario $('img.my_image').attr('src'), pero solo quiero la parte del nombre de archivo (descartando la ruta).

¿Hay alguna función incorporada para hacer esto, o sería una regex la única opción?

Answer 1

var fileNameIndex = yourstring.lastIndexOf("/") + 1; 
var filename = yourstring.substr(fileNameIndex); 

Answer 2

function getFileName(path) { 
return path.match(/[-_\w]+[.][\w]+$/i)[0]; 
} 

Answer 3

en JavaScript que podría hacer

function getFileNameFromPath(path) { 
    var ary = path.split("/"); 
    return ary[ary.length - 1]; 
} 

Answer 4

var Filename= path.split('/').pop() 

Answer 5

me encontré con un mejor manejo de Unix y Windows-como-path cadenas de versión.

Número 1:

var unix_path = '/tmp/images/cat.jpg'; 
console.log(unix_path.replace(/^.*[\\\/]/, '')); 

var win_path = 'c:\\temp\images\cat.jpg'; 
console.log(win_path.replace(/^.*[\\\/]/, '')); 

salida será cat.jpg

Número 2: (tal vez más rápido)

var unix_path = '/tmp/images/cat.jpg'; 
console.log(unix_path.split(/[\\\/]/).pop()); 

var win_path = 'c:\\temp\images\cat.jpg'; 
console.log(win_path.split(/[\\\/]/).pop()); 

salida será gato. jpg

Answer 6

Usando esta solución puede obtener ambos nombres, es decir, con y sin extensión de archivo.

 

    //getting image source 
    var path=$('img.my_image').attr('src'); 

    //splitting url and getting filename with file extension 
    var file=path.split('/').pop(); 

    //removing extension and keeping just the filename 
    var filename=file.split('.').shift();