Posts Tagged opera
Coming Soon - Premium WordPress Theme Giveaway To All Our Email Subscribers
Top 10 Most Popular File Upload Scripts – Live Demo and Free Download(Part 1)
Posted by Praveen Gowda I V in Articles, General, Jquery, Others, PHP, Reviews, Tutorials, Web Design on August 15, 2011
A File upload script is essential for every website and there are a plenty of such ready file upload scripts available on the web, but with their own pros and cons, So I thought that It would be a great idea creating a post on the top ten file upload scripts ever and would serve as a very useful resource for all webmasters.For every script I have listed their advantages and disadvantages, so it would be easy for you to choose the right one. Below is my list of top ten File upload Scripts :
Since I want to give a detailed review about all the ten scripts i will be only revealing the top five Upload scripts in this post and in my next post I will be revealing the next five upload scripts
1.Plupload
Review
For those who know some of these scripts might be wondering how Plupload came on the first position in the list rather than SWFupload.What really brings Plupload to the top of this list is its support for HTML5 Gears, Silverlight, Flash, BrowserPlus. If the user’s browser doesn’t support any of these then a normal HTML4 file upload is implemented moreover it-seems to be very stable.
Description from official website
Allows you to upload files using HTML5 Gears, Silverlight, Flash, BrowserPlus or normal forms, providing some unique features such as upload progress, image resizing and chunked uploads.Plupload is a highly usable upload handler for your Content Management Systems or similar. Plupload is currently separated into a Core API and a jQuery upload queue widget this enables you to either use it out of the box or write your own custom implementation.
Features
| Feature | Flash | Gears | HTML 5 | Silverlight | BrowserPlus | HTML 4 |
|---|---|---|---|---|---|---|
| Chunking | ||||||
| Drag/Drop | * | |||||
| PNG Resize | * | |||||
| JPEG Resize | ||||||
| Type filtering | * | |||||
| Stream upload | ||||||
| Multipart upload | * | |||||
| File size restriction | ||||||
| Upload progress |
Pros and Cons
| ADVANTAGES | DISADVANTAGES |
| Upload files using HTML5 Gears, Silverlight, Flash, BrowserPlus or normal forms | Lack of support, Forum is not very active |
| unique features such as upload progress, image resizing and chunked uploads. | |
| Highly usable and stable upload handler with custom implementation |
Live Demo and Download
 Download |
 Live Demo |
2.SWFUpload
Review
SWFUpload uses both JavaScript and Flash library to provide a great upload experience.It is exactly similar to the attachment uploading Gmail which is very popular.It is a great upload script with almost every feature we want except for one main disadvantage that it uses Flash library.
Description from official website
SWFUpload is a small JavaScript/Flash library to get the best of both worlds. It features the great upload capabilities of Flash and the accessibility and ease of HTML/CSS.
Features
| Features |
| Upload multiple files at once by ctrl/shift-selecting in dialog |
| Javascript callbacks on all events |
| Get file information before upload starts |
| Style upload elements with XHTML and css |
| Display information while files are uploading using HTML |
| No page reloads necessary |
| Works on all platforms/browsers that has Flash support. |
| Degrades gracefully to normal HTML upload form if Flash or JavaScript is unavailable |
| Control filesize before upload starts |
| Only display chosen file types in dialog |
| Queue uploads, remove/add files before starting upload |
Pros and Cons
| ADVANTAGES | DISADVANTAGES |
| Upload multiple files at once and JavaScript callbacks | Requires Flash and does not work in browsers with flash not been installed |
| Exactly similar to Plupload | Customization becomes difficult without proper knowledge of javascript |
| Unlike Plupload, the forums are very active. |
Live Demo and Download
|
Download |
Live Demo |
Facebook like jQuery face recognition tutorial and demo
Posted by Praveen Gowda I V in Facebook, Jquery, PHP, Web Design on August 11, 2011
Facebook influences our life each and everyday. One of the features which has contributed enormously to make Facebook appealing to even to its average users is Photos.
Whenever we upload photos to Facebook, Facebook automatically recognizes the faces in the photo and allow you to tag them.
If you ever wondered how to detect faces in photos in your own website, then the answer is very simple, Faces in photos can be easily detected using a jQuery plugin.
In this tutorial i will show you how to detect faces in a photo.
Below you can download the Source Code, or have a look at the Live Demo
|
DOWNLOAD |
LIVE DEMO |
For this tutorial we are going to use FaceDetection jQuery plugin which uses an algorithm by Liu Liu
This is what the download file and the live demo contains
- In the first example you can see the face detection plugin applied to photos on the server
- In the second example you can upload an image file of your choice and detect faces in the photo you upload.
Something that can let you improve this tutorial is enabling photo tagging after face recognition ( that is exactly what Facebook does), right now this tutorial only shows face recognition, in coming tutorials I will try to show photo tagging as well
Below is the PHP code of the file index.php
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Facebook like jQuery face recognition demo| Files on server 1 | http://blog.geotitles.com</title>
<link rel="stylesheet" type="text/css" href="../../css/styles.css"/>
<script src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
<script src="../../js/facedetection/ccv.js"></script>
<script src="../../js/facedetection/face.js"></script>
<script src="../../js/jquery.facedetection.js"></script>
<script>
$(function() {
$('#try').click(function() {
var $this = $(this);
var coords = $('img').faceDetection({
complete:function() {
$this.text('Done!');
},
error:function(img, code, message) {
$this.text('error!');
alert('Error: '+message);
}
});
for (var i = 0; i < coords.length; i++) {
$('<div>', {
'class':'face',
'css': {
'position': 'absolute',
'left': coords[i].positionX +'px',
'top': coords[i].positionY +'px',
'width': coords[i].width +'px',
'height': coords[i].height +'px'
}
})
.appendTo('#content');
}
});
return false;
});
</script>
<style>
.face {
border:2px solid #FFF;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<h3>These are the demos of<a href="http://blog.geotitles.com/2011/08/facebook-like-face-detect/"> Facebook like face detection tutorial</a> at GEO WEB STATION Click <a href="http://blog.geotitles.com/2011/08/facebook-like-face-detect/">here</a> to go back to the <a href="http://blog.geotitles.com/2011/08/facebook-like-face-detect/">tutorial</a> to download the demo files</h3>
</div>
<div id="content">
<a href="#" id="try">Detect Faces</a>
<img src="../../images/faces.jpg" />
</div>
</div>
</body>
</html>
After downloading the source files open the readme file for installation instructions
Next week watch out for another interesting tutorial.
Stay updated with our blog by
Subscribe to RSS feeds
Subscribe via email
Subscribe via SMSIf you have any problems using the downloaded files, then leave a comment below.
Want more improvisations on this script, or want to request a new tutorial, then please Contact me right-away.
I promise to respond to everyone who contacts asking for support or new tutorials.
Recent Comments