2011-12-04 15 views
10

Se si stampa oggetto File in consolle Chrome con qualcosa di semplice come questo:Qual è lo scopo della proprietà webkitRelativePath nell'oggetto File?

<input type="file" onchange="console.info(this.files);" /> 

si vedrà tra le altre proprietà di un sempre vuoto webkitRelativePath proprietà:

fileName: "07.png" 
fileSize: 33022 
lastModifiedDate: Date 
name: "07.png" 
size: 33022 
type: "image/png" 
webkitRelativePath: "" 
__proto__: File 

Qual è il suo scopo? E come può essere sfruttato?

+0

Non lo userò, perché è solo specifico per il webkit. Quindi, ti consiglio di trovarne il significato, ma non usarlo (non sfruttarlo). –

risposta

22

E 'popolato quando si utilizza l'attributo webkitdirectory sul file di input:

<input type="file" webkitdirectory> 

funziona solo in Chrome. Ciò consente a un utente di selezionare una cartella anziché i file e ogni file viene letto in modo ricorsivo. webkitRelativePath contiene il percorso relativo del file all'interno della gerarchia.

C'è una demo here.

+0

C'è un video su queste diapositive da qualche parte? Alcune cose interessanti lì dentro. – jayarjo

+1

Non è vero funziona solo su Chrome. È anche in FF. Vedi Compatibilità con il browser: https://developer.mozilla.org/en-US/docs/Web/API/File/webkitRelativePath – MatiK