Promosis Assists Web Builders by Previewing Uploaded Content

When creating a file uploader for your website, it will be quite handy if users may see a preview of their uploaded content prior to using their precious bandwidth to send over the file. This is what Promosis, a project created by John Datserakis, aims to accomplish using CSS. It is a simple piece of source code that acts as a front end to give web users or webmasters a visualization of their upload progress. A live demo is even provided on his Github page.

Awesome Image Previews

Although the file uploader, Promisis, may be used for a variety of applications, it is especially useful for producing previews up uploaded image files. Social media sites or forums could especially benefit from this feature. The filename of the image will also be present for the user to see and multiple images may be displayed simultaneously.

Video Replay Before Submitting

For video sharing sites, a user will be able to see a playable video after uploading the file to assure that it looks the way they want it to look to the world. If the preview is not to their liking, they may simply clear the upload.

Document Files Supported Too

PDF, Docx, and other document files may be uploaded and previewed using this concept. It is great for business backends for users to share reports and other work-related materials.

Giving the source code a try is completely free thanks to the project's MIT License. You may also modify to fit the needs of your website or even to expand the list of supported files. The style of this open source tool is based on Bootstrap 4's custom file-upload. The installation is really easy and it only requires the basic ability to use NPM from the command line. It may have to kinks to work out for mobile developers, but the library is extensive enough to work with.