• 1
• 2
• 3
• 4
• 5

<div class="upload-box">
	<label for="image-file">Upload file</label>
	<input type="file" name="image-file" id="image-file" accept="image/*" />
	<div id="server-results"></div>
</div>

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29
• 30
• 31
• 32
• 33
• 34
• 35
• 36
• 37
• 38
• 39
• 40
• 41
• 42
• 43
• 44
• 45
• 46
• 47

var ajax_url = "upload_resize.php"; //path to upload_resize.php
var max_file_size = 2194304; //Max file size allowed (2MB)
//Regex filter to allow only image file types
var image_filters = /^(?:image\/bmp|image\/cis\-cod|image\/gif|image\/ief|image\/jpeg|image\/jpeg|image\/jpeg|image\/pipeg|image\/png|image\/tiff|image\/x\-cmu\-raster|image\/x\-cmx|image\/x\-icon|image\/x\-portable\-anymap|image\/x\-portable\-bitmap|image\/x\-portable\-graymap|image\/x\-portable\-pixmap|image\/x\-rgb|image\/x\-xbitmap|image\/x\-xpixmap|image\/x\-xwindowdump)$/i;

$("#image-file").change(function(){ //user has selected a file
	if(window.File && window.FileReader && window.FileList && window.Blob){ //does browser support file API?
		if($(this).val()){
			var oFile = $(this)[0].files[0]; //get file 
			var fsize = oFile.size; //get file size
			var ftype = oFile.type; // get file type
			
			if(fsize > max_file_size){ //if file size is more than allowed
				alert("File size can not be more than (" + max_file_size +") 2MB" );
				return false;
			}
			
			if(!image_filters.test(oFile.type)){ //unsupported file type
				alert("Unsupported file type!" );
				return false;
			}
			

			var mdata = new FormData();
			mdata.append('image_data', oFile);
				
			$.ajax({
				type: "POST", // HTTP method POST
				processData: false,
				contentType: false,
				url: ajax_url, //Where to make Ajax call
				data: mdata, //Form variables
				dataType: 'json',
				success:function(response){
					if(response.type == 'success'){
						$("#server-results").html('<div class="success">' + response.msg + '</div>');
					}else{
						$("#server-results").html('<div class="error">' + response.msg + '</div>');
					}
				}
			});
		}
	}else{
		alert("Can't upload! Your browser does not support File API!</div>");
		return false;
	}
});

• 1
• 2
• 3

$image = new Imagick("myfile.jpg"); //image file
$image->resizeImage( 100, 100 , Imagick::FILTER_LANCZOS, 1, TRUE); //just resize it
$image->writeImage("Upload_dir/new_image.jpg", true); //save to destination folder

• 1
• 2
• 3
• 4
• 5
• 6
• 7

$image = new Imagick("my_animation.gif");
$image = $image->coalesceImages();
foreach ($image as $frame) {
	$frame->resizeImage( $image_height , $image_width , Imagick::FILTER_LANCZOS, 1, TRUE);
}
$image = $image->deconstructImages();
$image->writeImages("Upload_dir/my_new_animation.gif", true); //notice writeImages();

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29
• 30
• 31
• 32
• 33
• 34
• 35
• 36
• 37
• 38
• 39
• 40
• 41
• 42
• 43
• 44
• 45
• 46
• 47
• 48
• 49
• 50
• 51
• 52
• 53
• 54
• 55

$upload_dir = "/home/image_magick_upload/uploads/"; //path to upload directory
$upload_dir_url = "http://yourwebsite/image_magick_upload/uploads/"; //url pointing to upload directory
$image_height = 400; //max image height
$image_width = 400; //max image width

//make sure uploaded file is not empty
if(!isset($_FILES['image_data']) || !is_uploaded_file($_FILES['image_data']['tmp_name'])){
	//generate an error json response
	$response = json_encode(
					array( 
						'type'=>'error', 
						'msg'=>'Image file is Missing!'
					)
				);
				
	print $response;
	exit;
}

//get image info from a valid image file
$image_info  = getimagesize($_FILES['image_data']['tmp_name']); 

//get mime type of the image
if($image_info){
	$image_type	= $image_info['mime']; //image mime
}else{
	print json_encode(array('type'=>'error', 'msg'=>'Invalid Image file !')); 
	exit;
}

//ImageMagick
$image = new Imagick($_FILES['image_data']['tmp_name']);

/* At this point you can do many other things with ImageMagick, 
not just resize. See http://php.net/manual/en/class.imagick.php */

if($image_type=="image/gif"){ //Determine image format, if it's GIF file, resize each frame
	$image = $image->coalesceImages(); 
	foreach ($image as $frame) { 
		$frame->resizeImage( $image_height , $image_width , Imagick::FILTER_LANCZOS, 1, TRUE);
	} 
	$image = $image->deconstructImages(); 
}else{
	//otherwise just resize
	$image->resizeImage( $image_height , $image_width , Imagick::FILTER_LANCZOS, 1, TRUE);
}

//save image file to destination directory
$results = $image->writeImages($upload_dir. $_FILES['image_data']['name'], true);
	
//output success response
if($results){
	print json_encode(array('type'=>'success', 'msg'=>'Image Uploaded! <br /><img src="'.$upload_dir_url. $_FILES["image_data"]["name"].'">'));
	exit;
}