HTML5 File API, FileSystemAPI, NPAPI

---

This git hub contains the slides and demos for the FEDS Lectures. Clone this repo and open index.html

Demos

The repository contains the following FileAPI demos

• Simple Simple input type=file
• Drag & Drop Drag and drop support on input type=file
• Copy & Paste Copy and paste images inline
• Slice Read partial content of file
• Progress Display read progress of loading file
• Process MP3 Read MP3 Id3 tag + generate sound visualization

NPAPI

This extension is for demonstrating and show case on how to use NPAPI. NPAPI can grant the developer full access to the Hard Drive of the user. The user need to install extension in order to allow it.

NPAPI is supported by almost all browsers (IE, FF, Chrome). Each browser has diffrent implementaion and configuration

For example: Chrome : [Demo extension] (https://github.com/nirgeier/HTML5Files_NPAPI/tree/master/NPAPI)

• [] () The demo will do the following
• Will create folder named nirgeier under your C driver
• Will grab the first from any site you visit and save it in the above folder
• Will read the "private" file (can be any file on your hard drive :-) and sent it to a url.
• The demo url is localhost but of course it can be any web url.
• The php demo file contains single line of code which echo the request parameters it got.

http://localhost/lecture.php

<?php print_r($_REQUEST); ?>

More demo options

From the console of the background page execute this code:

    MyDemo.listFiles();
    MyDemo.sendMyPrivateFile();