The RSS reader market has been getting bigger, and Google Reader has established its position as the de facto standard for syncing and managing feeds. But are you tired of using Google Reader’s web interface?
This script was made to help webmasters easily target their visitors. Most of the targeting options are found from the browser’s header information. The geo-targetting option runs off of the project at hostip.info.
HTML5 File Uploads with jQuery
Today we will be developing a small web application called Upload Center, that will allow people to upload photos from their computers by dragging and dropping them onto the browser window, possible with the new HTML5 APIs exposed by modern browsers.
The photos will have a preview and a progress bar, all of which controlled on the client side. Currently, the photos are only stored in a folder on the server, but you could improve it any way you like.
What are HTML5 File Uploads?
Uploading files using HTML5 is actually a combination of three technologies – the new File Reader API, the also new Drag & Drop API, and the good ol’ AJAX (with the addition of binary data transfer). Here is a description of a HTML5 file upload process:
- The user drops one or more files from their file system to the browser window by dragging. Browsers that support the Drag & Drop API will fire an event, which alongside other useful information, contains a list of files that were dropped;
- Using the File Reader API, we read the files in the list as binary data, and store them in memory;
- We use the new sendAsBinary method of the XMLHttpRequest object, and send the file data to the server.
Sounds complicated? Yes, it could use some optimization. Fortunately, there are jQuery plugins that can do this for us. One of them is Filedrop, which is a wrapper around this functionality, and provides features for limiting maximum file size and specifying callback functions, which is really handy for integrating it into your web applications.
Currently file uploads work only in Firefox and Chrome, but upcoming major versions of the other browsers also include support for it. A simple fallback solution for older browsers would be to display a regular file input dialog, but we won’t be doing this today, as we will be focusing our attention on using HTML5.
creating a simple, yet robust, file download tracker with PHP & MySQL.
Each file will have a corresponding row in the database, where the total number of downloads is saved. PHP will update the MySQL database and redirect the visitors to the appropriate files.
It provides a powerful, reliable and easy web file management with a lots of cool features. Easy to install and configure, you can administrate your files and folders as easy as in your hard drive and access with strong security all over the net.
You can check a demo version of PHPfileNavigator v2.3.3 HERE.
