<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Design Lib &#187; Php</title>
	<atom:link href="http://www.designlib.com/category/web-development/php/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.designlib.com</link>
	<description>Design blog to entertain your design sense</description>
	<lastBuildDate>Fri, 18 Jun 2010 12:54:32 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>15 file upload tutorials using ajax and php</title>
		<link>http://www.designlib.com/web-development/jquery/15-file-upload-tutorials-using-ajax-and-php/</link>
		<comments>http://www.designlib.com/web-development/jquery/15-file-upload-tutorials-using-ajax-and-php/#comments</comments>
		<pubDate>Fri, 29 Jan 2010 14:10:44 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[Php]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[file upload]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery plugin]]></category>
		<category><![CDATA[mootool]]></category>

		<guid isPermaLink="false">http://www.designlib.com/?p=155</guid>
		<description><![CDATA[I have tried to collect some of the best and customizable components that can be used with minimum efforts to upload a file through ajax and php. I know lots of people face the problem and always keep searching for such components. I hope this post will make their search destined. 1. Webtoolkit ajax file upload [...]]]></description>
			<content:encoded><![CDATA[<p>I have tried to collect some of the best and customizable components that can be used with minimum efforts to upload a file through ajax and php. I know lots of people face the problem and always keep searching for such components. I hope this post will make their search destined.</p>
<h2>1. <a href="http://www.webtoolkit.info/ajax-file-upload.html" target="_blank">Webtoolkit ajax file upload</a></h2>
<p>Ever wanted to upload files using AJAX like in GMAIL, without reloading the page? Now you can. Cross browser method to upload files using AJAX in only 1Kb of code.</p>
<p><a href="http://www.webtoolkit.info/ajax-file-upload.html"><img class="aligncenter size-full wp-image-156" title="webtoolkit ajax file upload tutorial" src="http://www.designlib.com/wp-content/uploads/2010/01/webtoolkit.jpg" alt="" width="540" height="292" /></a></p>
<p><span id="more-155"></span></p>
<h2><a href="http://www.ajaxf1.com/product/ajax-file-upload.html" target="_blank">2. Max&#8217;s AJAX file uploader</a></h2>
<p>Max&#8217;s AJAX file uploader is a simple and easy to use script, which allows you to upload files to your webserver without reloading the current page. During the upload an animated progress bar is shown. The server side is written in PHP.</p>
<h2><a href="http://www.ajaxf1.com/product/ajax-file-upload.html"><img class="aligncenter size-full wp-image-157" title="Max's AJAX file uploader" src="http://www.designlib.com/wp-content/uploads/2010/01/max.jpg" alt="" width="540" height="291" /></a><a href="http://www.captain.at/ajax-file-upload.php" target="_blank">3. Captain universe AJAX file upload tutorial</a></h2>
<p>Very simple and straight defined way to upload file using php and ajax.</p>
<p><a href="http://www.captain.at/ajax-file-upload.php"><img class="aligncenter size-full wp-image-159" title="captain universe AJAX file upload tutorial" src="http://www.designlib.com/wp-content/uploads/2010/01/captain.jpg" alt="" width="540" height="359" /></a></p>
<h2><a href="http://www.phpclasses.org/browse/package/2759.html" target="_blank">4. Class: Ajax file uploader</a></h2>
<p>Class based approach to upload files through ajax and PHP. the code is tested and reliable to work in most of the environments and is easy to modify according to requirements.</p>
<p><a href="http://www.phpclasses.org/browse/file/12078.html"><img class="aligncenter size-full wp-image-160" title="Files uploaded without page reloading" src="http://www.designlib.com/wp-content/uploads/2010/01/class_ajax.jpg" alt="" width="540" height="255" /></a></p>
<h2><a href="http://www.anyexample.com/programming/php/php_ajax_example__asynchronous_file_upload.xml" target="_blank">5. Asynchronous file upload</a></h2>
<p>Asynchronous file uploads is quote popular feature in modern AJAX web-applications. However standard AJAX classes (XmlHttpRequest) does not have capabilities to process or send files selected with &#8220;file dialog&#8221; (input type=&#8221;file&#8221;). This article contains example application (trivial file-sharing service, like rapidshare, megaupload or yousendit) which uses embedded frames (IFRAME) to upload file. While file is uploaded to hidden frame, user can still access web-page and fill &#8220;file description&#8221; field.</p>
<p><a href="http://www.anyexample.com/programming/php/php_ajax_example__asynchronous_file_upload.xml"><img class="aligncenter size-full wp-image-161" title="anyexample asynchronous file upload" src="http://www.designlib.com/wp-content/uploads/2010/01/anyexample.jpg" alt="" width="540" height="273" /></a></p>
<h2><a href="http://www.ajaxlines.com/ajax/stuff/article/ajax_file_upload_tutorial.php" target="_blank">6. Ajaxlines file upload tutorial</a></h2>
<p>The code let you make ajax based file upload script using iFrame with php and javascript</p>
<p><a href="http://www.ajaxlines.com/ajax/stuff/article/ajax_file_upload_tutorial.php"><img class="aligncenter size-full wp-image-162" title="ajaxlines file upload tutorial" src="http://www.designlib.com/wp-content/uploads/2010/01/ajaxlines.jpg" alt="" width="540" height="459" /></a></p>
<h2><a href="http://www.uploadify.com/" target="_blank">7. Uploadify jquery upload plugin</a></h2>
<p>Uploadify is a jQuery plugin that allows the easy integration of a multiple (or single) file uploads on your website.  It requires Flash and any backend development language.  An array of options allow for full customization for advanced users, but basic implementation is so easy that even coding novices can do it.</p>
<p><a href="http://www.uploadify.com/what-is-it/"><img class="aligncenter size-full wp-image-163" title="uploadify jquery file upoad plugin" src="http://www.designlib.com/wp-content/uploads/2010/01/uploadify.jpg" alt="" width="540" height="202" /></a></p>
<h2><a href="http://hotmonitor.org/ajaxdepot/multiplefileupload/#tab-Overview" target="_blank">8. Jquery multiple file uploader</a></h2>
<p>The Multiple File Upload Plugin (jQuery.MultiFile) is a non-obstrusive plugin for the jQuery Javascript library that helps users easily select multiple files for upload quickly and easily whilst also providing some basic validation functionality to help developers idenfity simple errors, without having to submit the form (ie.: upload files).</p>
<p><a href="http://hotmonitor.org/ajaxdepot/multiplefileupload/#tab-Overview"><img class="aligncenter size-full wp-image-176" title="jquerymulti" src="http://www.designlib.com/wp-content/uploads/2010/01/jquerymulti2.jpg" alt="" width="540" height="202" /></a></p>
<h2><a href="http://www.phpletter.com/Demo/AjaxFileUpload-Demo/" target="_blank">9. PHP Letter jquery ajax file upload plugin</a></h2>
<p>This AjaxFileUpload Plugin is a hacked version of Ajaxupload plugin created by yvind Saltvik, which is really good enought for normal use. Its idea is to create a iframe and submit the specified form to it for further processing.</p>
<p><a href="http://www.phpletter.com/Our-Projects/AjaxFileUpload/"><img class="aligncenter size-full wp-image-165" title="php letter jquery ajax file upload plugin" src="http://www.designlib.com/wp-content/uploads/2010/01/phpletter.jpg" alt="" width="540" height="202" /></a></p>
<h2><a href="http://webdeveloperplus.com/jquery/ajax-multiple-file-upload-form-using-jquery/" target="_blank">10. Web developer plus jquery plugin for file upload</a></h2>
<p>Fully customizable form that not even use the  file select component of browser.</p>
<p><a href="http://webdeveloperplus.com/jquery/ajax-multiple-file-upload-form-using-jquery/"><img class="aligncenter size-full wp-image-166" title="webdeveloper plus ajax file upload" src="http://www.designlib.com/wp-content/uploads/2010/01/webdevplus.jpg" alt="" width="540" height="216" /></a></p>
<h2><a href="http://valums.com/ajax-upload/" target="_blank">11. Andrew Valums Ajax Upload</a></h2>
<p>AJAX Upload allows you to easily upload multiple files without refreshing the page and use any element to show file selection window. It works in all major browsers and doesn’t require any library to run. AJAX Upload doesn’t pollute the global namespace, and is tested with jQuery, Prototypejs.</p>
<p><a href="http://valums.com/ajax-upload/"><img class="aligncenter size-full wp-image-167" title="andrew valums ajax upload" src="http://www.designlib.com/wp-content/uploads/2010/01/andrew.jpg" alt="" width="540" height="230" /></a></p>
<h2><a href="http://digitarald.de/project/fancyupload/" target="_blank">12. Fancy upload with mootool</a></h2>
<p>FancyUpload is a file-input replacement which features an unobtrusive, multiple-file selection menu and queued upload with an animated progress bar. It is easy to setup, is server independent, completely styleable via CSS and XHTML and uses MooTools to work in all.<a href="http://digitarald.de/project/fancyupload/"><img class="aligncenter size-full wp-image-168" title="fancy file upload with mootool" src="http://www.designlib.com/wp-content/uploads/2010/01/fancy.jpg" alt="" width="540" height="300" /></a></p>
<h2><a href="http://www.ajaxupdates.com/multiple-file-upload-moo-tools/" target="_blank">13. Ajaxupdate multi file upload with mootool</a></h2>
<p>Gives you ability to use mootool javascript library to upload multiple files in a single instance.</p>
<h2><a href="http://www.ajaxupdates.com/multiple-file-upload-moo-tools/"><img class="aligncenter size-full wp-image-169" title="ajax update" src="http://www.designlib.com/wp-content/uploads/2010/01/ajaxupdate.jpg" alt="" width="540" height="226" /></a><a href="http://cool-javascripts.com/mootools/fancy-upload-ajax-file-upload-for-mootools.html" target="_blank">14. Fancy Upload – Ajax file upload for MooTools</a></h2>
<p>Fancy upload is a nice and excellent replacement for the file input field. It uses a flash component called swiff for file upload and other features. But instead of displaying the flash interface, it uses javascript to interact with the flash component and the appearance is fully skinnable using CSS &amp; HTML.</p>
<p><a href="http://cool-javascripts.com/mootools/fancy-upload-ajax-file-upload-for-mootools.html"><img class="aligncenter size-full wp-image-170" title="Fancy Upload – Ajax file upload for MooTools" src="http://www.designlib.com/wp-content/uploads/2010/01/fancyupload.jpg" alt="" width="540" height="339" /></a></p>
<h2><a href="http://pixeline.be/experiments/jqUploader/" target="_blank">15. JqUploader</a></h2>
<p>jqUploader is a jquery plugin that substitutes html file input fields with a flash-based file upload widget, allowing to display a progressbar and percentage. It is designed to take most of its customization from the html code of your form directly &#8211; so you don&#8217;t have to do things twice . For instance, the maximum file size, if specified via html, will be recognized and used in the rich upload interface generated by jqUploader.</p>
<p><a href="http://pixeline.be/experiments/jqUploader/"><img class="aligncenter size-full wp-image-172" title="jquploader" src="http://www.designlib.com/wp-content/uploads/2010/01/jquploader.jpg" alt="" width="540" height="200" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.designlib.com/web-development/jquery/15-file-upload-tutorials-using-ajax-and-php/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
