Search This Blog

Sunday, December 15, 2013

HTML5 Drag and Drop File Upload


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.


html5 file upload 02  

Demo   Download
Continue Reading...

jQuery HTML5 File Upload with Bar Progress

You can drag & drop files from your desktop on this webpage with Google Chrome, Mozilla Firefox and Apple Safari.


html5 file upload  

 

Demo   Download

Continue Reading...

jQuery HTML5 File Upload with Bar Progress

Here is how you can implement drag and drop multiple file upload with native JavaScript. No plugins needed. Just plain old new HTML5. Again there is a working demo. You will need FireFox 3.6 to test it. Full source code can be at GitHub.

Demo   Download

html5 file upload 04


















Continue Reading...

jQuery Upload Multiple Files

Continue Reading...

HTML5 drag & drop API

Dragging and dropping files from your desktop to a browser is one of the ultimate goals for web application integration.
html5 upload file 08
Continue Reading...

HTML5 File and Folder Upload Control

 Get started fast with SlickUpload and be ready to scale up to advanced functionality when you need it.

html5 upload file 05
                                                         Demo   Download
Continue Reading...

Multiple File Upload using HTML5

As a response to a reported bug where Chrome was taking ages to load up a flash multiple-file uploader, I’ve updated KFM to use HTML5′s multiple-file input box where possible.

html5 upload file 06

                                                        Demo   |   Download
                 

Continue Reading...

Ajax Uploading With HTML5 File api

Prior to HTML5 and its File API, getting media from a user was a somewhat sordid affair.

html5 upload file 09  


Continue Reading...

HTML5 Multiple File Upload Plugin with progress-bar


This plugin uses XHR for uploading multiple files with progress-bar in FF3.6+, Safari4+, Chrome and falls back to hidden iframe based upload in other browsers, providing good user experience everywhere.

html5 upload file 07
                                           Demo  |   Download

Continue Reading...

Friday, December 13, 2013

How to Build Shopping Cart w/ Checkout in PHP

Download Script

I just rewrite the code included in this post to fix minor problem encounter by other PHP programmers who can’t run the shopping cart.
The code is taken from this link: http://www.qualitycodes.com/tutorial.php?articleid=25&title=Tutorial-Building-a-shopping-cart-in-PHP.
As you may have noticed, a lot of programmers are screaming for help on how to fix some bugs on this tutorial. Since I cannot upload the code in the said website, I decided to post it here. Still credit goes to “Richard Clark”.
Changes on the code are following:
  1. Change “<?” to “<?php” to handle php correctly. Some old program still uses “<?” to run PHP code. However, PHP 5 is not stricter and requires you to use php after <?, unless you configure Apache to allow such a shorthand support.
  2. Add echo command instead of equal (=) sign.
Note: If you run the code prior to downloading this code, make sure to clear your browser cache.

Continue Reading...