Shulou(Shulou.com)06/01 Report--

This article is to share with you about how html implements directory upload. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

How to upload directory upload?

Can we upload the whole directory? Well, it's possible, but there are some limitations. There is a non-standard attribute called webkitdirectory (currently only Google browser and Microsoft Edge support uploading by folder), which allows us to upload the entire directory.

Currently, only Google browser and Microsoft Edge support uploading by folder. For more information, you can take a look at the upload button of Baidu Cloud disk's web version, which supports uploading by file under Firefox, while under Google and Edge, it will provide users with a drop-down to choose whether to upload based on file or folder.

Users must need confirmation to upload the directory

After the user clicks the upload button, the upload will be carried out. An important point to pay attention to here. The FileList array will contain information about all files in the upload directory in a flat structure. For each File object, the webkitRelativePath attribute represents the directory path.

For example, upload a home directory and other folders and files under it:

The File object will now populate the webkitRelativePath with:

Thank you for reading! This is the end of the article on "how to upload directories on html". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it out for more people to see!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.