A simple example HTML + JS file which provides an interface to drag and drop a single image, audio or video file onto the browser and read the relevant information from it (filesize, dimensions, duration) and provide the data for uploading somewhere (eg: via XHR). Also provides audio waveform and video thumbnail capability for those file types.

No JavaScript dependencies.

Supports : (most) jpg, gif, png, mp3, wav, m4a, ogg, mp4, m4v and avi files.

• Image files do nothing but ready the file info for whatever you need.
• Audio files will automatically create an audio waveform PNG file.
• Video files allow the user to to choose a frame and create a thumbnail image.

Author : @kosso : December 2016 License : Attribution 3.0 Unported (CC BY 3.0) : https://creativecommons.org/licenses/by/3.0/