CODEWITHSUNDEEP
javascripthtml
Noobish
Noobish

Reputation: 1245

html5/Javascript - How to get the Selected folder name?

I am using webkitdirectory to select a folder. I want to get the folder name which is selected for uploading.

Upvotes: 12

Views: 36508

Answers (1)

Noobish
Noobish

Reputation: 1245

html:

<input type="file" id="FileUpload" onchange="selectFolder(event)" webkitdirectory mozdirectory msdirectory odirectory directory multiple />

javascript:

<script type="text/javascript">
function selectFolder(e) {
    var theFiles = e.target.files;
    var relativePath = theFiles[0].webkitRelativePath;
    var folder = relativePath.split("/");
    alert(folder[0]);
}
</script>

Upvotes: 28

Related Questions