HTML: Create an HTML5 File Metadata Viewer

FOSSASIA

Objective:

Learn about the HTML5 File Api.

Requirements:

Metadata is a set of data that describes and gives information about other data, in this case files. Your task is to create a file metadata viewer using the HTML5 File API.

Expected Outcome:

Your web application should display the name, size, type and last modified date of multiple files (i.e accepting input of multiple files at once)

Useful Links

http://www.html5rocks.com/en/tutorials/file/dndfiles/

https://developer.mozilla.org/en/docs/Using_files_from_web_applications/

http://www.w3.org/TR/FileAPI/

Task tags

file system
file viewer
html
javascript
html5

Students who completed this task

Yasoob, Yash Kumar Verma, Anish M., Yathannsh, Mehmet Cagri Ari, Yago González, Jason, Anshuman73

Task type

Code
Outreach / Research