2011-12-04 27 views
10

Eğer böyle basit bir şey ile Krom konsolda Çıktınız Dosya nesnesi:File nesnesinde webkitRelativePath özelliğinin amacı nedir?

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

diğer özellikleri arasında bir zaman boş webkitRelativePath özelliğini göreceksiniz:

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

bu amaca nedir? Ve nasıl kaldırılabilir? Dosya girişi webkitdirectory özelliğini kullanarak zaman doldurulur

+0

Kullanmayacağım, çünkü web kümesine özeldir. Bu yüzden, anlamını bulmanızı öneririm, fakat onu kullanmayın (kaldıramayın). –

cevap

22

:

<input type="file" webkitdirectory> 

Sadece Chrome'da çalışır. Bu, kullanıcının dosya yerine bir klasör seçmesine izin verir ve her dosya özyinelemeli olarak okunur. webkitRelativePath, hiyerarşideki dosyanın göreli yolunu içerir.

Bir demo var here.

+0

Bu slaytlarda bir yerde video kaydı var mı? Orada bazı ilginç şeyler. – jayarjo

+1

Doğru değil Sadece Chrome'da çalışır. Ayrıca FF'de. Tarayıcı uyumluluğu bölümüne bakın: https://developer.mozilla.org/en-US/docs/Web/API/File/webkitRelativePath – MatiK