Code Monkey home page Code Monkey logo

file-downloader-from-an-inbox-selection's Introduction

Delayed Countdown PHP & JavaScript Downloader with Bootstrap 4

View the Bayesean Blog

https://bayeseanblog.com/blog/php-file-downloader-from-a-inbox-selection/4

This is an update of the original blog updated from bootstrap 3 to use bootstrap 4 .The viewer has been removed and replaced with the above gif.

Project Scope

  • Must not show the download button immediately to prevent non-human downloading.

  • Must keep the user knowledgeable as to what is happening by adding a count-down timer linked to a progress bar.

  • Must flow automatically.

  • Must immediately download the file that was selected on the click of the button that became visible after completion of the progress bar.

Coding Difficulty

Medium. Good knowledge of Javascript/Ajax and PHP required would help.

Libraries

Bootstrap 4 Framework.

PHP 5.6.

Downloader.php - A PHP Library (A free to use file download library created by Jack Mason )

This is included in the included Download below.

JQuery โ€“ download from here or visit the website http://jquery.com.

Javascript.

Structure

Index.php

This file contains the visual element of a drop down box to select the file to download.

Download2.php

This file contains the visual download progress bar and button to download the file.

Downloader1.php

This file is called by the download button and processes the file to download.

Downloader.php

This holds all the mime information and allows any type of file to be downloaded.

Code

Visit the Bayesean Blog to gain insight on the functionality of the code.

License

Licence is MIT.

file-downloader-from-an-inbox-selection's People

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.