HTML 5: Uploading a whole folder to a web server

in an earlier video you learned how to use the file input control I mentioned that there was a property named web directory relative path or somesuch and that I would explain it in a later video so here's a short video in which I explain those properties that start with WebKit and relate to this control there's one property called WebKit directory that's an attribute that accepts a boolean value of true or false if you set it to true it would allow you to select a folder but not files in the open file dialog when you select a folder that would automatically select all the files in that folder and all the files in the subfolders within that folder it would not select subfolders within that folder the ultimate file list will have just files it'll scan the whole hierarchy n levels deep and collect all the files into a flat file list so if I were to set this to true I would now not be able to select files in the file open dialog I would only be able to select a single folder and since I want multiple files within that folder to be selected I will add the multiple attribute which is a standalone attribute the one thing I would warn you against is not to use this extension this is an extension because it has not been implemented by all browsers only some of them have implemented it and everybody implements it very differently I'll run this example this time when I click browse let's say I want to select this folder collage for my website this folder has several subfolders has two subfolders each of which may or may not have files this one doesn't seem to have any files and this has two subfolders and each of them have they definitely have files and there's a filter that I'm not able to see the files because of but let's just select this folder collage for my website and this time I'm not selecting a file as you can see there are no files visible or that's the reason files are not visible because you only see folders in this view and if I click upload there were 48 files in the whole hierarchy it scanned all the folders and subfolders to see the file list I'll open the developer tools I will first get a reference to this control using its ID and let's look at the files property of this it has 48 files each files WebKit relative path property has the path to the file relative to the root folder I selected which was collage for my website if you scan through all these files for instance chemistry dot txt is within the pics subfolder which is within the route collage for my website folder you will notice that it doesn't select the pics folder as a separate item there is no item called pics so the folders don't get selected only files get selected so that's how this works do you want to become a software developer for a living are you a manager working the software industry who was scared because he doesn't know programming very well do you want to get back learning programming so you're more confident at your job I will be starting an online course for you to teach you how to programs so you can either have a career if you don't have one in the software development industry or a better career if you already have one go to my websites under each dotnet and please sign up for the mailing list so I can send you an email when I announce the course details my devotion [Music] love vanquishes all attackers it is impregnable in defense when heaven wants to protect someone doesn't send an army no it protects him with love [Music]

Channel: Sathyaish Chakravarthy

Views: 8,606

Keywords: programming, web, learn, online training, html5

Id: mmKybVIqJKs

Length: 5min 33sec (333 seconds)

Published: Wed Aug 07 2019