फ़ाइल ऑब्जेक्ट में webkitRelativePath प्रॉपर्टी का उद्देश्य क्या है?

Question

तो कुछ इस तरह सरल के साथ क्रोम कंसोल में आप प्रिंटआउट फ़ाइल वस्तु:

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

आप अन्य संपत्तियों के बीच देखेंगे एक हमेशा खाली webkitRelativePath संपत्ति:

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

यह उद्देश्य है क्या है? और यह कैसे लीवरेज किया जा सकता है?

Answer 1

जब फ़ाइल इनपुट पर webkitdirectory विशेषता का उपयोग कर यह आबादी है:

<input type="file" webkitdirectory> 

यह केवल क्रोम में काम करता है। यह उपयोगकर्ता को फ़ाइलों के बजाय फ़ोल्डर का चयन करने की अनुमति देता है, और प्रत्येक फ़ाइल को रिकर्सिव रूप से पढ़ा जाता है। webkitRelativePath में पदानुक्रम के भीतर फ़ाइल का सापेक्ष पथ शामिल है।

एक डेमो here है।