/
index.md
66 lines (45 loc) · 1.81 KB
/
index.md
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
---
title: File.webkitRelativePath
slug: Web/API/File/webkitRelativePath
---
{{APIRef("File API")}}{{non-standard_header}}
La propiedad **`File.webkitRelativePath`** de solo lectura contiene un {{domxref("USVString")}} el cual especifica la ruta relativa del archivo al directorio seleccionado por el usuario en un elemento {{HTMLElement("input")}} con su [`webkitdirectory`](/es/docs/Web/HTML/Element/input#webkitdirectory) atributo definido.
## Sintaxis
```js
var rulaRelativa = File.webkitRelativePath;
```
### Valor
Un {{domxref("USVString")}} conteniendo la ruta del archivo relativa al directorio padre seleccionado por el usuario.
## Ejemplo
En este ejemplo,un seleccionador de directorios es mostrado al usuario para permitirle seleccionar uno o mas directorios. Cuando el evento [`change`](/es/docs/Web/Reference/Events/change) ocurre, una lista de todos los archivos contenidos dentro de la gerarquia de directorio seleccionado es generado y mostrado.
### HTML
```html
<input type="file" id="filepicker" name="fileList" webkitdirectory multiple />
<ul id="listing"></ul>
```
### JavaScript
```js
document.getElementById("filepicker").addEventListener(
"change",
function (event) {
let output = document.getElementById("listing");
let files = event.target.files;
for (let i = 0; i < files.length; i++) {
let item = document.createElement("li");
item.innerHTML = files[i].webkitRelativePath;
output.appendChild(item);
}
},
false,
);
```
### Resultado
{{ EmbedLiveSample('Example') }}
## Especificaciones
{{Specifications}}
## Compatibilidad con navegadores
{{Compat}}
## Vea también
- [Entidades "Archivo" y "Directorio" en la API](/es/docs/Web/API/File_and_Directory_Entries_API)
- {{domxref("HTMLInputElement.webkitEntries")}}
- {{domxref("HTMLInputElement.webkitdirectory")}}