Upload folder and all its content in JavaScript

by

You can actually upload directories in all latest versions of Chrome, Firefox and Microsoft Edge. There are numerous working examples available to look at.

Here is a good, working example that I’ve previously used in a project

Quarklemotion Html5FileSelector

In addition, Dropzone JS also supports directory uploads as well and it works in Chrome, FF and Edge. I’ve just transitioned to using this in my own project.

Dropzone JS

These solutions recursively read the directory entries and list all of the files including their relative paths. If you want to rebuild the folder structure when uploading you will have to implement that using the relative paths and the appropriate algorithm.

More Related Contents:

  1. How to send data to the server via Ajax?
  2. Javascript date object confusion
  3. How to find certain text in HTML
  4. What’s the meaning of “=>” (an arrow formed from equals & greater than) in JavaScript?
  5. Google Maps JS API v3 – Simple Multiple Marker Example
  6. Merge two array of objects based on a key
  7. How to check file input size with jQuery?
  8. Angular 2 Sibling Component Communication
  9. Why does setTimeout() “break” for large millisecond delay values?
  10. What’s the best way to break from nested loops in JavaScript?
  11. Javascript Drag and drop for touch devices [closed]
  12. How to print a stack trace in Node.js?
  13. Why is Proxy to a Map object in ES2015 not working
  14. Replace a Regex capture group with uppercase in Javascript
  15. What’s the API Key for in Google Maps API V3?
  16. How to run untrusted code serverside?
  17. How to go from Blob to ArrayBuffer
  18. Javascript: document.execCommand cross-browser?
  19. Android webview, loading javascript file in assets folder
  20. Using JQuery plugins that transform the DOM in React Components?
  21. JavaScript: Is it better to use innerHTML or (lots of) createElement calls to add a complex div structure? [duplicate]
  22. Importing javascript file for use within vue component
  23. How to trigger javascript on print event?
  24. Setting one object equal to another object with the assignment operator in Javascript
  25. What is the difference between Polymer elements and AngularJS directives?
  26. TypeScript “Compile on save” feature not working in Visual Studio 2015
  27. JavaScript Profiler in IE
  28. $resource callback (error and success)
  29. D3 put arc labels in a Pie Chart if there is enough space
  30. How to post ASP.NET MVC Ajax form using JavaScript rather than submit button

Leave a Comment