ottenere solo il nome del file da un percorso con JavaScript

Question

Ho un percorso completo di un'immagine, che sto usando jQuery per leggere, sotto forma $('img.my_image').attr('src') però voglio solo la porzione nome del file (scartando il percorso).

Esistono funzioni integrate per eseguire questa operazione o una regex può essere l'unica opzione?

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

In JavaScript è possibile fare

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

Answer 4

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

Answer 5

Ho trovato un movimentazione Unix e Windows-like path-stringhe versione migliore.

Numero 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(/^.*[\\\/]/, '')); 

uscita sarà cat.jpg

Numero 2: (forse più veloce)

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()); 

uscita sarà cat. jpg

Answer 6

Utilizzando questa soluzione è possibile ottenere entrambi i nomi con e senza estensione file.

 

    //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();