blogfreakz.com » Upload

Upload Your Files with These 10 Powerful jQuery Uploader Plugins

Marvin@Blogfreakz — Wed, 21 Dec 2011 02:21:23 +0000

Today’s web developers are unstoppable about creating newer and better plugins for your web site, so I’ve gathered 10 of the most powerful jQuery File Uploaders for your web site or blog. One of the plugins featured here is the jQuery upload which lets you upload your files by Ajax style.

Ajax Upload by Valums

Ajax Upload provides good user experiences everywhere. It uses XHR for multiple uploads of files with progress bar in FF3.6+, Safari4+, Chrome and goes back to the hidden iframe based-upload in other browsers.

Plupload v1.5.1.1

This file uploader lets you upload your files using Silverlight, Flash, HTML5 Gears and BrowserPlus. It also allows resizing of image and shows you its upload progress.

Uploadify

This plugin combines Javascript and other known server-side languages. It has multiple file upload abilities and a large support community with the docs.

Ajax Multiple File Upload Form using jQuery

This plugin permits the user to upload multiple files easily.

Multiple File Upload Plugin

This is an unobtrusive plugin which helps the user to select multiple files with ease, provides basic validation functionality, and helps identify errors without before you upload our files.

Uploadprogress v0.3 – jQuery + PHP plug-in

It allows users to select files individually and provides information about the uploading progress.

jQuery Form Plugin

A basic file uploader form that allows you to test your files.

Fancy Upload – Swiff meets Ajax v3.0

This plugin is easy to set up, server-independent, uses MooTools to work on all modern browsers and styleable through XHTML and CSS. It features a multiple file selection menu and queued upload with animated progress bar.

SWFUpload jQuery Plugin

The SWFUploader, which was rewritten by Adam Royle, uses jQuery to make a real event dispatcher. It makes multiple SWFupload instances on single page easier to manage, completely separates SWFUpload object from UI codes, and has the ability to assign multiple callbacks per event.

IqUploader

This plugin sends the file you choose the email address you input.

Incoming search terms for the article:

Image file errors after moving to new server?

Nancy — Fri, 11 Nov 2011 19:00:59 +0000

An Error Uploading After Server Move…

Say anyone of you Blogfreakz out there experienced this error when trying to upload an image?

I didn’t realize until after moving my blog onto a new server that, the directory on above image is pointing to the directory on my old server.

So here are the steps I followed to fix it :

Login to wordpress, on the Dashboard, go to Settings > Media
On the “Uploading Files” section, the “Store uploads in this folder” option shows the old setting.
3. Next we need to change it to the default setting: wp-content/uploads

4. Then don’t forget to Save Changes.

Now the error disappears and I’m able to finally upload the image!

Incoming search terms for the article:

How To Enable Mobile Templates on Blogger

Nancy — Tue, 25 Oct 2011 22:38:30 +0000

Hey Guys,

Make sure that you have enabled your mobile template on blogger, so you can get in touch with your readers while they’re on the go! Just login on your account and setup mobile template for your blog on blogger.

This tutorial uses a new version of blogger, if you are using an older version please upgrade to bloggers advance with a click. (super easy)

1. Login to your blogger account on blogger .com

2. Go to on Main Menu for your blog -

3. In the Template pages, setup on Mobile views

4. Click Setting (gear icons) and enable / checking “Yes. Show mobile Template on mobile devices.”

5. Choose Template for Mobile views and Save configuration.

6. Check your blog using any mobile device:

For example: www.tofu-burger.blogspot.com

Mobile template -> ‘Picture Window’ -> enabled makes everything way easier and faster to search and find posts on mobile devices.

Incoming search terms for the article:

Droparea – HTML5 Drag & Drop Image File Uploader

Mufti Ali — Wed, 15 Jun 2011 05:53:33 +0000

Droparea is a HTML5 drag and drop image file uploader jQuery plug-in and a php script for server-side. Simply drag the image file into the specified area, the image will be automatically uploaded to your server. You can also see the progress of the upload too. Droparea has been tested on Google Chrome and Mozilla Firefox.

Requirements: jQuery Framework
Demo: http://gokercebeci.com/dev/droparea
License: MIT License

Incoming search terms for the article:

jQuery File Upload – Multiple File Upload Plugin for jQuery

Mufti Ali — Sat, 22 Jan 2011 15:30:43 +0000

jQuery File Upload is an open source plugin for jQuery that supports multiple file upload with lots of useful features including drag and drop, upload progress indicator and cross-site file uploads.

The implementation is based on open standards like HTML5 and JavaScript and requires no additional browser plugins. Uploads files via XMLHttpRequests if supported and uses iframes as fallback for legacy browsers. This plugin will Shows a standard HTML file upload form if JavaScript is disabled. The files can be uploaded as standard “multipart/form-data” or file contents stream (HTTP PUT file upload).

jQuery File Upload Works with Google App Engine (Python, Java), Ruby on Rails, PHP and any other platform that supports HTTP file uploads.

Requirements : jQuery Library 1.4
Demo : http://aquantum-demo.appspot.com/file-upload
License: MIT License

Incoming search terms for the article:

File Uploader With Progress Bar, Drag & Drop

Mufti Ali — Fri, 12 Nov 2010 03:27:59 +0000

Ajax Upload 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. Ajax upload allow us to upload a file by click on the upload file button or drag-and-drop which is supported in FF, Chrome. Progress-bar is supported in FF3.6+, Chrome6+, Safari4+.

Features

multiple file select, progress-bar in FF, Chrome, Safari
drag-and-drop file select in FF, Chrome
uploads are cancellable
no external dependencies
doesn’t use Flash
fully working with https
keyboard support in FF, Chrome, Safari
tested in IE7,8; Firefox 3,3.6,4; Safari4,5; Chrome; Opera10.60;

Requirements:
Demo: http://valums.com/ajax-upload/
License: GPL License

Incoming search terms for the article:

Display Thumbnail for Image Uploads with jQuery

Mufti Ali — Wed, 10 Mar 2010 14:31:05 +0000

We’ve all seen the basic file upload form for uploading avatars, images, memes, etc. The problem with these is that once you upload your image it’s hidden from you.

The solution is to use a little bit of JavaScript to upload the image as soon as it’s selected and display a thumbnail so we can easily review the form before we submit it.

Head on over to the ZURB code playground to see a complete demo and breakdown of the JavaScript they use to accomplish this. The code playground is where they do crazy awesome stuff with JavaScript, HTML, and CSS.

Requirements: jQuery Framework
Demo: http://www.zurb.com/playground/ajax_upload
License: MIT License

Incoming search terms for the article:

Upload Ajax – Easy upload multiple file using ajax

Mufti Ali — Mon, 08 Feb 2010 23:29:56 +0000

Browsers force us to use file inputs () for uploads, which are impossible to style. Moreover, form-based uploads look obsolete in modern web applications. We can use flash to solve this problem, but JavaScript works nice too.

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.

For the server-side code it looks like the file is uploaded with the simple upload form, because of that you can use any language you want.

You can access the uploaded file with:

PHP: $_FILES['userfile']
Rails: params[:userfile]

How it works?

Plugin creates invisible file input on top of the button you provide, so when user clicks on your button the normal file selection window is shown. And after user selects a file, plugin submits form that contains file input to an iframe. So it isn’t true ajax upload, but brings same user experience.

Website: http://valums.com/ajax-upload/
Demo: http://valums.com/wp-content/uploads/ajax-upload/demo-jquery.htm
License: MIT license

Incoming search terms for the article:

Plupload – simple multiple files uploader

Mufti Ali — Thu, 04 Feb 2010 19:51:15 +0000

Plupload Allows us 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.

It has 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.

On this current features, Drag/drop support of files is currently only available in Firefox 3.5+. WebKit/Opera doesn’t support this feature yet.

Requirements: PHP
Demo: http://www.plupload.com/example_queuewidget.php
License: GPLv2 license

Incoming search terms for the article:

Chevereto – free image hosting script

Mufti Ali — Sun, 10 Jan 2010 00:26:28 +0000

Chevereto is an open source image hosting script that can be used to create image hosting site. It has slick user interface, the script offers uploading of both local & remote files. It is very simple to use, It allows you to resize images, verify the file integrity and integrate it with url shorteners like TinyURL.

It installs quickly, requires no database and is configurable. You can determine the size of images, file length, etc. The script also comes with the documentation which covers creating a bookmarklet or a Firefox extension & more.

Demo: http://demo.chevereto.com/
Website: http://chevereto.com/
License: License Free