HTML: How to use Browse [input type="file"] and retrieve selected directory in Javascript?

Question

Getting "C:/fakepath" for selected directory. So can anyone please help me to get the selected directory.

var dialogElement = document.createElement('dialog');
dialogElement.style.width = '80vw';
dialogElement.style.height = '30vh';
dialogElement.setAttribute("id", "test");

document.getElementById('ExportIntermediateForm').appendChild(dialogElement);

$('dialog').html(
    `<label>Select Directory</label>
     <input type="file" id="directorySelector" onchange="FilePath()" webkitdirectory directory multiple />
     <p id="path"></p>`
);


dialogElement.showModal();

function FilePath() {
     console.log("Here I need selected directory");
}

Please search for your issue before posting https://stackoverflow.com/questions/4851595/how-to-resolve-the-c-fakepath — ButchMonkey, Jan 14 '20 at 10:32
Yes. But It's not resolved. I need the local directory on in javascript after completing browse. — Sahil Shikalgar, Jan 16 '20 at 06:55
Did you read the link? "Some browsers have a security feature that prevents JavaScript from knowing your file's local full path." — ButchMonkey, Jan 16 '20 at 09:01
Yes. But How can I achieve that by any other way? Please help me. — Sahil Shikalgar, Jan 16 '20 at 09:17
Read the thread! You either use `document.getElementById("file-id").files[0].path` if that doesn't work then your browser doesn't support it and it can't be done — ButchMonkey, Jan 16 '20 at 09:25

score -1 · Accepted Answer · answered Jan 18 '20 at 13:29

-1

You can use electron window for this. You can directly get path using input type file if you use electron windows dialog.

answered Jan 18 '20 at 13:29

Sahil Shikalgar

561
5
18

HTML: How to use Browse [input type="file"] and retrieve selected directory in Javascript?

1 Answers1