• upload single or multiple file via ajax,
• resize image,
• create image thumbnail (with keep image aspect ratio),
• uploads files into WordPress gallery, so they can be managed,
• easy integrate with forms,
• submitting form using ajax,
• create any numbers of thumbnails under one upload,
• customizable crop parameter for thumbnails,
• customizable thumbnails sizes and dimensions,
• pass custom data,
• files extension filters,
• limit uploaded file size,
• limit number of uploaded files,
• auto upload, upload on click the button, upload on form submit
• custom upload button,
• upload statistics,
• and more...

[ajax_multi_upload startOn='auto' multi='true' maxSize='204800']

[ajax_multi_upload]

[ajax_multi_upload scriptsonly='true']
<input type='file' class='AMU' uploadScript='wp-content/plugins/ajax_multi_upload/upload.php' startOn='auto' multi='true' maxSize='204800' afterUpload='link' />

[ajax_multi_upload startOn='onSubmit:form' requiredFields='title,content' saveData='true' attachImages='formSubmission' filesLimit='2' multi='true' afterUpload='filename']

<form id="form" action="" method="post">
	<div class="amu_info" id="info"></div>
	<div>Title:</div>
	<input type="text" name="amu_title" />
	<div>Category:</div>
	[amu_blog_categories_dropdown multiple='1']
	<div>Add photos:</div>
	[ajax_multi_upload startOn='onSubmit:form' ajax='true' sendEmail='true' requiredFields='title,content' saveData='true' attachImages='formSubmission' filesLimit='2' multi='true' afterUpload='filename' fileExt='jpg,jpeg,png,gif' fileDesc='Images (*.jpg, *.jpeg, *.png, *.gif)' thumbnails='90x' thumbnailsCrop='false' thumbnailsAfterUpload='image' ajaxInfoId='info' ajaxLoaderId='loader' allowRemove='true' poststatus='publish']
	<div>Content:</div>
	[amu_content_editor]
	<div>Name:</div>
	<input type="text" name="amu_name" />
	<div>Surname:</div>
	<input type="text" name="amu_surname" />
	<div>Email:</div>
	<input type="text" name="amu_email" />
	<div>Website:</div>
	<input type="text" name="amu_website" />
	<input type="submit" name="amu_submit" value="Submit" />
	<input type="hidden" name="amu_action" value="submit" />
	<span class="amu_loader" id="loader">
		<img src='/wp-content/plugins/ajax_multi_upload/ajax-loader.gif'/>
	</span>
</form>

[amu_blog_categories_dropdown multiple='0' hide_empty='0']

[amu_content_editor media_buttons='0' tab_index='2' extended='0']

• After selecting the file/files upload queue will be created automatically (if queueId parameter is not specified). You can change its style using .uploadifyQueue class eg.

  .uploadifyQueue
  {
  	width: 625px;
  }

• Items of the upload queue can be styled using .uploadifyQueueItem class eg.

  .uploadifyQueueItem
  {
  	margin-top: 5px;
  	padding: 5px;
  	border: 1px solid #D6D6D6;
  	background-color: #FFFFFF;
  	line-height: 17px !important;
  }

• The upload button (if parameter auto is set to false) can be styled using .uploadButton class eg.

  .uploadButton
  {
  	width: 110px;
  	margin-top: 10px;
  }

• The progress bar can be styled using two classes.uploadifyProgress and .uploadifyProgressBarclass eg.

  .uploadifyProgress
  {
  	background-color: #FFFFFF;
  	border-color: #808080 #C5C5C5 #C5C5C5 #808080;
  	border-style: solid;
  	border-width: 1px;
  	margin-top: 10px;
  	width: 100%;
  }
  .uploadifyProgressBar
  {
  	background-color: #869FB7;
  	height: 3px;
  	width: 1px;
  }

• The uploaded image and uploaded thumbnail can be styled using this classes.uploadedImage, .uploadedThumbnail, .afterUploadThumbnail class eg.

  .uploadedImage
  {
  	border: none;
  	max-width: 438px;
  }
  .uploadedThumbnail
  {
  	border: none;
  	max-width: 200px;
  }
  .afterUploadThumbnail
  {
  	display: block;
  }