Challenge Overview
Overview
Our client has a modern web application that has a form which requires the user to upload an image. Currently, they are using TechSmith Snagit and Windows Snipping Tool to snip an area of their screen and saving to a file. They then choose this file in the web application and it is displayed on the screen. They'd like to simply paste the image from their clipboard (after Snagit) directly into the web application.
Goal
Create a POC web application with the capability to paste images from the clipboard directly. Once pasted, the image should be displayed in the browser.
Detailed Requirements
- The image data must come from the clipboard
- The solution must work with images captured with Snagit and Windows Snipping Tool
- The solution must support IE 11 specifically
- The solution must not use 3rd party tools (although you can ask about libraries in the forums)
- The solution must not use external programs (such as Java applets)
- The solution must be encapsulated in a JS function that can be easily reused
- Additional browser support (and support for other versions of IE) is desired if possible
One example of the functionality we are looking for can be found here: https://snag.gy/ (but do not copy their IP!!!)
Final Submission Guidelines
Submission Requirements
- A working HTML5 webpage demonstrating the feature described above
- Detailed documentation on your function (so that we can implement it in our software project)
- A video demonstrating your solution