How to trim only the file name from a path which is having filename with extension using java script?

Question

I am using var documentName = $('#documentFile').val().split('\\').pop(); my output is filename with extension.

The output which I wanted is only the file name without extension

documentName.split('.')[0] will give you the name without ext. — Jaydeep, Aug 19 '19 at 08:37
use this filename.split('.').slice(0, -1).join('.')....and this questions is duplicated — Imran Ahmad Shahid, Aug 19 '19 at 08:39

score 1 · Answer 1 · answered Aug 19 '19 at 08:43

1

Once you have documentName as the filename without the path, you can get the filename without the extension like this:

let name = documentName;
const index = documentName.lastIndexOf(".");
if (index > 0) {
  name = documentName.substring(0,index);
}
// `name` now contains the name without the extension

Note that I'm using lastIndexOf to handle the case of multiple dots in a filename (like "file.name.txt"), and if there is no extension you just get the original name.

answered Aug 19 '19 at 08:43

Always Learning

5,510
2
17
34

It does work..Thank you for the **lastIndexOf** logic – Iam_NSA Aug 20 '19 at 12:52
thanks - if you like the answer please mark it as correct – Always Learning Aug 22 '19 at 16:24

Mark · Answer 2 · 2019-08-19T08:47:57.543

0

You'll want to use split again.

var documentName = $('#documentFile').val().split('\\').pop();
documentName.split('.').pop();
documentName.join('.');

Note that I've used a double backslash because the first one tries to escape the single quote, using double backslash will stop this from happening.

edited Aug 19 '19 at 08:47

answered Aug 19 '19 at 08:37

Mark

1,852
3
18
31

var without Extention will give only the extension...My expected output is only the file name, not the extension – Iam_NSA Aug 19 '19 at 08:46

score 0 · Answer 3 · answered Aug 19 '19 at 08:38

You can use fileReader in js. In fileName you get only file name.

    if (window.File && window.FileReader && window.FileList && window.Blob) {
        const self = this;
        const file = event.target.files[0]
        let reader = new FileReader()
        reader.onload = function (event) {
           self.setState({ fileName: event.target.result });
        }

        reader.readAsText(file);

    }

score 0 · Accepted Answer · answered Aug 19 '19 at 08:41

Firstly i believe that you have to escape your backslash so the correct way to extract your filename would be var documentName = $('#documentFile').val().split('\\').pop(). After this you can just chain a .split() to your code and it should work. you could try var documentName = $('#documentFile').val().split('\\').pop().split(".")[0]

How to trim only the file name from a path which is having filename with extension using java script?

4 Answers4