Utilisation de jQuery pour obtenir le fichier d'entrée est sélectionné nom du fichier sans le chemin d'accès

Question

J'ai utilisé ceci:

$('input[type=file]').val()

pour obtenir le nom de fichier sélectionné, mais il a renvoyé le chemin d'accès complet, comme dans "C:\fakepath\filename.doc". Le "fakepath" était effectivement là - vous ne savez pas si il est censé être, mais c'est ma première collaboration avec le nom de fichier de téléchargement de fichiers.

Comment puis-je obtenir le nom de fichier (filename.doc)?

Answer 1

var filename = $('input[type=file]').val().split('\\').pop();

ou vous pouvez simplement le faire (parce que c'est toujours C:\fakepath qui est ajouté pour des raisons de sécurité):

var filename = $('input[type=file]').val().replace(/C:\\fakepath\\/i, '')

Answer 2

Vous avez juste besoin de faire le code ci-dessous. La première [0] pour accéder à l'élément HTML et la seconde [0] est l'accès le premier fichier de l'upload d'un fichier:

    $('input[type=file]')[0].files[0].name

Answer 3

Chrome retours C:\fakepath\... pour des raisons de sécurité - un site web ne devrait pas être en mesure d'obtenir des informations sur votre ordinateur, tels que le chemin d'accès à un fichier sur votre ordinateur.

Pour obtenir juste le nom de fichier, partie d'une chaîne, vous pouvez utiliser split()...

var file = path.split('\\').pop();

jsFiddle.

...ou une expression régulière...

var file = path.match(/\\([^\\]+)$/)[1];

jsFiddle.

...ou lastIndexOf()...

var file = path.substr(path.lastIndexOf('\\') + 1);

jsFiddle.

Answer 4

Obtenez de chemin de travailler avec tous les OS

var filename = $('input[type=file]').val().replace(/.*(\/|\\)/, '');

Exemple

C:\fakepath\filename.doc 
/var/fakepath/filename.doc

Les deux de retour

filename.doc
filename.doc

Answer 5

peut-être certains plus pour éviter fakepath:

var fileName = $('input[type=file]').val();
var clean=fileName.split('\\').pop(); // clean from C:\fakepath OR C:\fake_path 
alert('clean file name : '+ fileName);