Upload pictures with GPS coordinations

Table od content

• Demo
• Description
• Preview
• Technologies

Demo

You can find a demo here.

Description

On this page you can upload one or more pictures from a local hard drive to a browser memory through file input or drag&drop area.
Images are validated for type and size. GPS coordinates are obtained using the exif library.
Added pictures are displayed below drag&drop area, creating the list. Each list row contains:

• numeric row id,
• thumbnail,
• file name and file extension,
• file size in MB,
• GPS coordinates in decimal degrees (+/-DDD.DDDDD°),
• button that removes the row.

Preview

Technologies

• HTML
• CSS (Flex, Grid)
• JavaScript (ES6+)
• BEM convention
• MediaQueries
• Normalize.css
• Exif-js