print full path javascript

Question

This is the result I am getting from my database when I do a query:

[
    {
        "name": "file1.txt",
        "id": 1,
        "file_path": ".&#x2F;public&#x2F;files&#x2F;file1.txt"
    }
    {
        "name": "file3.txt",
        "id": 3,
        "file_path": ".&#x2F;public&#x2F;files&#x2F;file3.txt"
    },
    {
        "name": "file4.txt",
        "id": 8,
        "file_path": ".&#x2F;public&#x2F;files&#x2F;file4.txt"
    },
    {
        "name": "file5.txt",
        "id": 7,
        "file_path": ".&#x2F;public&#x2F;files&#x2F;file5.txt"
    }
]

And what I want to print is this kinda of format of file path ./public/files/file1.txt

This is what I am trying right now but it doesn't seem to work:

var paths = [];
if(result.length > 0) {
    var tmp_path = result[0].file_path

    var count = 0

    result.forEach(element =>  {
        count++
        tmp_path = element.file_path
        paths.push(decodeURI(tmp_path))
    })
    console.log(JSON.stringify(paths,null,4))
}

The result I get is this:

[
".&#x2F;public&#x2F;files&#x2F;file1.txt",
".&#x2F;public&#x2F;files&#x2F;file3.txt",
".&#x2F;public&#x2F;files&#x2F;file4.txt",
".&#x2F;public&#x2F;files&#x2F;file5.txt",
]

Isn't decodeURI() the function I am supposed to use in this case?

I am working on Node.js with router and ejs npms. So this is part of a get function and the result will be populated in front-end with ejs. So what I am trying to do is to pass the correct format on the result which is PATHS

Possible duplicate of [HTML Entity Decode](https://stackoverflow.com/questions/5796718/html-entity-decode) — hsz, Jun 22 '18 at 11:56
Unfortunately no... I am worried that this way in general can't solve the problem and I need a script in front-end (html) to edit the html inside the divs. My thought was that what I return is false but maybe this is the only way a full path can be returned ... — Gerasimos Ragavanis, Jun 22 '18 at 12:19

bpjoshi · Answer 1 · 2018-06-22T12:14:43.070

1

You can use decodeURI() in the following way

var uri = ".&#x2F;public&#x2F;files&#x2F;file1.txt";
var enc = encodeURI(uri);
var dec = decodeURI(enc);

You can show this URL in html like below:

document.getElementById("demo").innerHTML = dec;

edited Jun 22 '18 at 12:14

answered Jun 22 '18 at 12:01

bpjoshi

1,091
16
23

Hi! Sorry, I wanted to write for an element on html screen. This won't work on console.log – bpjoshi Jun 22 '18 at 12:12
@GerasimosRagavanis mention NodeJS first – Ankit Agarwal Jun 22 '18 at 12:16

score 1 · Answer 2 · answered Jun 22 '18 at 12:01

1

You can tweak your code so that that file path is saved as a HTML content in a element say, div then get the HTML from this element to get the decoded value and push it into the array.

var result = [
    {
        "name": "1k",
        "id": 1,
        "file_path": ".&#x2F;public&#x2F;files&#x2F;file1.txt"
    },
    {
        "name": "3k",
        "id": 3,
        "file_path": ".&#x2F;public&#x2F;files&#x2F;file3.txt"
    },
    {
        "name": "4k",
        "id": 8,
        "file_path": ".&#x2F;public&#x2F;files&#x2F;file4.txt"
    },
    {
        "name": "5k",
        "id": 7,
        "file_path": ".&#x2F;public&#x2F;files&#x2F;file5.txt"
    }
];

var paths = [];
if(result.length > 0) {
    var tmp_path = result[0].file_path
    var count = 0
    
    result.forEach(element =>  {
        count++;
        tmp_path = element.file_path;
        var elem = document.createElement('div');
        elem.innerHTML = tmp_path;
        paths.push(elem.innerHTML);
    })
    console.log(JSON.stringify(paths,null,4))
}

answered Jun 22 '18 at 12:01

Ankit Agarwal

30,378
5
37
62

@GerasimosRagavanis then what are you looking for? – Ankit Agarwal Jun 22 '18 at 12:07
1

`And what I want to print is this kinda of format of file path ./public/files/file1.txt` @GerasimosRagavanis isn't this what you asked – Ankit Agarwal Jun 22 '18 at 12:08
I was about to quote the same line ;) – Ivan Jun 22 '18 at 12:08
I am working on Node.js and paths are part of the result that is being returned to the front-end (which works with ejs so it populates the list). So I don't want to create divs I want to have the proper form in the result I am returning – Gerasimos Ragavanis Jun 22 '18 at 12:08
@GerasimosRagavanis where did you mentioned `Node`? You haven't even tagged the question to `nodejs` – Ankit Agarwal Jun 22 '18 at 12:10
because it's a javascript question... the result I want is of specific format doesn't matter how I use it. Anyway thanks a lot for your answer.... – Gerasimos Ragavanis Jun 22 '18 at 12:12

score 1 · Answer 3 · answered Jun 22 '18 at 12:03

Not sure if this would work for you, but you can use a .map to remap the array into an array of strings making slight adjustments:

So for each file_path split with ';' then take the last element of the split 'filei.text' and concatenate './public/files/' before it.

const res = data.map(e => {
  const path = e.file_path.split(';');
  const fileName = path[path.length-1];
  return './public/files/' + fileName;
});

const data = [
    {
        "name": "1k",
        "id": 1,
        "file_path": ".&#x2F;public&#x2F;files&#x2F;file1.txt"
    },
    {
        "name": "3k",
        "id": 3,
        "file_path": ".&#x2F;public&#x2F;files&#x2F;file3.txt"
    },
    {
        "name": "4k",
        "id": 8,
        "file_path": ".&#x2F;public&#x2F;files&#x2F;file4.txt"
    },
    {
        "name": "5k",
        "id": 7,
        "file_path": ".&#x2F;public&#x2F;files&#x2F;file5.txt"
    }
];

const res = data.map(e => {
  const path = e.file_path.split(';');
  const fileName = path[path.length-1];
  return './public/files/' + fileName;
});

console.log(res)

score 0 · Answer 4 · edited Jun 22 '18 at 12:10

0

just encode the file_path with encodeURI you will get original url e.g.:

var uri = ".&#x2F;public&#x2F;files&#x2F;file1.txt";
console.log(encodeURI(uri));

Will return:

"./public/files/file1.txt"

edited Jun 22 '18 at 12:10

Ivan

34,531
8
55
100

answered Jun 22 '18 at 12:08

Lavanya E

206
2
12

print full path javascript

4 Answers4