Como posso fazer um input[type="file"]
selecionar apenas pasta, ao invés de arquivos?
Eu utilizei a marcação:
<input type="file" multiple webkitdirectory>
Mas pelo visto, ele seleciona os arquivos da pasta. Exibindo:
Como posso fazer um input[type="file"]
selecionar apenas pasta, ao invés de arquivos?
Eu utilizei a marcação:
<input type="file" multiple webkitdirectory>
Mas pelo visto, ele seleciona os arquivos da pasta. Exibindo:
Você pode pegar o caminho completo de um arquivo e apenas remover o nome do arquivo
O código abaixo esta comentado explicando o seu funcionamento.
$('[type="file"]').on("change", function(event) {
//Pega apenas um arquivo
let file = event.target.files[0];
//Pega o caminho do arquivo
let caminho = file.webkitRelativePath;
//Desmonta o caminho em um array
let arrayPath = caminho.split('/');
//Remove só o arquivo do caminho
arrayPath.pop();
//Controi o caminho denovo
console.log(arrayPath.join('/'));
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="file" id="ctrl" webkitdirectory directory multiple/>
How to get folder directory from HTML input type “file” or any other way?
HTMLInputElement.webkitdirectory
Se o seu projeto for uma aplicação web, apesar de conseguir pegar o caminho da pasta, você não poderá utilizar ele para manipular no futuro.
Caso precise destes arquivos, você terá que salvar no seu servidor, e então manipular, já que o seu servidor não terá mais acesso a pasta do seu usuário.