Saturday, 28 December 2013

Image resizing using Php

The following Code will easily allow you to resize images using PHP.
Awesome and simple method to resize image.while uploading new image. dr-wordpress

Copy and paste ( just run this code and check the flow of code.)

This is just a php function that passes the source image ( i.e., $source_img ), destination image ( $destination_img ) and quality for the image that will take to compress ( i.e., 90 ).
$filename = compress_image($_FILES["file"]["tmp_name"], $url, 80);
"80" is the quality of image (1-99) dr-wordpress
$name = ''; $type = ''; $size = ''; $error = '';
function compress_image($source_url, $destination_url, $quality) {

$info = getimagesize($source_url);

    if ($info['mime'] == 'image/jpeg')
        $image = imagecreatefromjpeg($source_url);

    elseif ($info['mime'] == 'image/gif')
        $image = imagecreatefromgif($source_url);

    elseif ($info['mime'] == 'image/png')
        $image = imagecreatefrompng($source_url);

    imagejpeg($image, $destination_url, $quality);
return $destination_url;

if ($_POST) {

    if ($_FILES["file"]["error"] > 0) {
        $error = $_FILES["file"]["error"];
    else if (($_FILES["file"]["type"] == "image/gif") || 
($_FILES["file"]["type"] == "image/jpeg") || 
($_FILES["file"]["type"] == "image/png") || 
($_FILES["file"]["type"] == "image/pjpeg")) {

        $url = 'destination .jpg';

        $filename = compress_image($_FILES["file"]["tmp_name"], $url, 80);
        $buffer = file_get_contents($url);

        /* Force download dialog... */
        header("Content-Type: application/force-download");
        header("Content-Type: application/octet-stream");
        header("Content-Type: application/download");

/* Don't allow caching... */
        header("Cache-Control: must-revalidate, post-check=0, pre-check=0");

        /* Set data type, size and filename */
        header("Content-Type: application/octet-stream");
        header("Content-Transfer-Encoding: binary");
        header("Content-Length: " . strlen($buffer));
        header("Content-Disposition: attachment; filename=$url");

        /* Send our file... */
        echo $buffer;
    }else {
        $error = "Uploaded image should be jpg or gif or png";
        <title>Php code compress the image</title>

<div class="message">
                        if ($error) {
                            <label class="error"><?php echo $error; ?></label>
<fieldset class="well">
                <legend>Upload Image:</legend>                
<form action="" name="myform" id="myform" method="post" enctype="multipart/form-data">
                               <input type="file" name="file" id="file"/>
<input type="submit" name="submit" id="submit" class="submit btn-success"/>

Subscribe Dr-Wordpress for Important Knowledge of wordpress..your's suggestions are most welcomed.

Friday, 20 December 2013

Button styling using css.

Submit button style using css. dr-wordpress

Time saving practice just copy and paste this code all the input button got same styling.
I don't like the default button style.

width: 60px;
margin: 0;
margin-left: 8px;
border: 0;
border-radius: 2px;
-moz-border-radius: 2px;
background: #000;
background: rgba(0,0,0,.6);
color: #fff;
cursor: pointer;
font-size: 13px;
height: 26px;
z-index: 0;

Subscribe Dr-Wordpress for Important Knowledge of wordpress..your's suggestions are most welcomed.