How do I use Google Chrome 11’s Upload Folder feature in my own code?

by

You should be able to see a demo here: http://html5-demos.appspot.com/static/html5storage/demos/upload_directory/index.html

Basically it works by setting up an attribute “webkitdirectory” on a file input element.

<input type="file" id="file_input" webkitdirectory="" directory="">

Then when the user has selected a folder, it itterates across the “e.target.files” object to get a list of files included in the selection (this enables you to have access to those files from the clientside).

Drag and drop is similar, when you listen to the “ondrop” event on a “draggable” element, if a a directory or selection of files is dropped on to the element, the “files” property on the event will be a list of files contained in the operation.

More Related Contents:

  1. Disabling Chrome Autofill
  2. Chrome ignores autocomplete=”off”
  3. maxlength ignored for input type=”number” in Chrome
  4. Favicon not showing up in Google Chrome [duplicate]
  5. HTML 5 Geo Location Prompt in Chrome
  6. How do I uninstall a Service Worker?
  7. Chrome Download Attribute not working
  8. Disable native datepicker in Google Chrome
  9. Where does PERSISTENT file system storage store with chrome?
  10. How to disable Google translate from HTML in Chrome
  11. Using base tag on a page that contains SVG marker elements fails to render marker
  12. Prevent “overscrolling” of web page
  13. Disable form autofill in Chrome without disabling autocomplete [duplicate]
  14. HTML5 video element request stay pending forever (on chrome)
  15. Why does Chrome incorrectly determine page is in a different language and offer to translate?
  16. Mailto links do nothing in Chrome but work in Firefox?
  17. What happens when localStorage is full?
  18. Anchor tags not working in chrome when using #
  19. Prevent scroll-bar from adding-up to the Width of page on Chrome
  20. “Invalid form control” only in Google Chrome
  21. chrome could play html5 mp4 video but html5test said chrome did not support mp4 video codec
  22. Chrome, Safari ignoring max-width in table
  23. Stop Google chrome auto fill the input [duplicate]
  24. chrome/safari display border around image
  25. html5 video issue with chrome
  26. text-decoration not working for visited state link
  27. 100vh height when address bar is shown – Chrome Mobile
  28. Disable Chrome translation bar on my website
  29. Open local files(file://) using Chrome
  30. How to display alt text for an image in chrome

Leave a Comment