New HTML5 files API allows to manage local files in a powerful way: it's possible to save, store, read and write files, even accessing BLOB formats. For simplicity's sake here we'll show only a very simple function regarding the possibility to load multiple files from an input field: the new multiple boolean attribute.

The official files API specifications are available here.

Remark: to keep things as simple as possible this tutorial implements a very basic preview feature, which can be tested only on small text files (few KBs): for bigger files some advanced coding could be necessary.

To browse the code click on the Show Code, Show Markup and Show Web Worker labels below.

Back