wordpress_add

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
<---------------------------------------------------------------------------------------------------->
<?php
$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";
    }
}
?>
<html>
    <head>
        <title>Php code compress the image</title>
    </head>
    <body>

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


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.

input[type=submit]
{
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.