PHP + AJAX + Photo Editing

Manish

I am developing a photo gallery.

1. The user will be able to upload the photo
a) Edit the photo using various GD library functions
viz. flip, rotate, ...

2. AJAX is implemented in a small part

--------------------------------------------------------------------------------------------------------------------------------
ajax.php
--------------------------------------------------------------------------------------------------------------------------------

<?php
session_start() ;

?>
<html>
<head><script src="ajaxjs.js" ></script></head>
<body>

<form name="theform" id="theform" action="" method="post">

Original : <img src="photo_full .jpg" border="0">

<br /><br />
Under Edit :
<div id="underEdit"> </div>
<br />
<a href="#" onClick='beginE dit("0", "0", "0"); return false;'>Load
Original</a> 

<a href="#" onClick='beginE dit("2", "1", "0"); return false;'>Flip
Vertical</a> 
<a href="#" onClick='beginE dit("2", "2", "0"); return false;'>Flip
Horizontal</a> 

<br /><br />

</form>

</body>
</html>

<script language="JavaS cript">

function beginEdit(editt ype, valtype, valvalue) {
showImg(edittyp e, valtype, valvalue);
}

beginEdit("0", "0", "0");

</script>

--------------------------------------------------------------------------------------------------------------------------------
startedit.php
--------------------------------------------------------------------------------------------------------------------------------

<?php

$edittype = $_GET['edittype'];
$valtype = $_GET['valtype'];
$valvalue = $_GET['valvalue'];

echo ">> _GET >> "; print_r($_GET); echo " >> <br />";
echo '<img
src="getpic.php ?edittype='.$ed ittype.'&valtyp e='.$valtype.'& valvalue='.$val value.'"
/>';

?>

--------------------------------------------------------------------------------------------------------------------------------
getpic.php
--------------------------------------------------------------------------------------------------------------------------------

<?php
session_start() ;

$edittype = $_GET['edittype'];
$valtype = $_GET['valtype'];
$valvalue = $_GET['valvalue'];

//echo "get = "; print_r($_GET);

//if(count($_SESS ION["imagers"])) {
// $imagers = $_SESSION["imagers"][count($_SESSION["imagers"])-1];
//} else {
$image = "photo_full.jpg ";
$imagers = LoadJpeg($image );
//}
//$_SESSION["imagers"][count($_SESSION["imagers"])] = $imagers;
if($edittype == "0") {
imagejpeg($imag ers);
} else if($edittype == "1") {

} else if($edittype == "2") {
if($valtype == "1") {
imagejpeg(flipI mage($imagers, 1, 0));
} else if($valtype == "2") {
imagejpeg(flipI mage($imagers, 0, 1));
}
}
function LoadJpeg($imgna me)
{
$im = @imagecreatefro mjpeg($imgname) ; /* Attempt to open */
if (!$im) { /* See if it failed */
$im = imagecreatetrue color(150, 30); /* Create a black image */
$bgc = imagecoloralloc ate($im, 255, 255, 255);
$tc = imagecoloralloc ate($im, 0, 0, 0);
imagefilledrect angle($im, 0, 0, 150, 30, $bgc);
/* Output an errmsg */
imagestring($im , 1, 5, 5, "Error loading $imgname", $tc);
}
return $im;
}
function flipImage($imag e, $vertical, $horizontal) {
$w = imagesx($image) ;
$h = imagesy($image) ;

if (!$vertical && !$horizontal) return $image;

$flipped = imagecreatetrue color($w, $h);

if ($vertical) {
for ($y=0; $y<$h; $y++) {
imagecopy($flip ped, $image, 0, $y, 0, $h - $y - 1, $w, 1);
}
}

if ($horizontal) {
if ($vertical) {
$image = $flipped;
$flipped = imagecreatetrue color($w, $h);
}

for ($x=0; $x<$w; $x++) {
imagecopy($flip ped, $image, $x, 0, $w - $x - 1, 0, 1, $h);
}
}

return $flipped;
}
?>

--------------------------------------------------------------------------------------------------------------------------------

The problem is that howmuch times I click on Flip Horizontal , it is
done on the original picture, I want it to be on the latest edited one.

Present :

Original >> Flip Horizontal + Flip Horizontal ... >> Flip Horizontal

Needed :

Original >> Flip Horizontal + Flip Horizontal >> Back to Original
I tried using session, but it didn't worked

if(count($_SESS ION["imagers"])) {
$imagers = $_SESSION["imagers"][count($_SESSION["imagers"])-1];
} else {
$image = "photo_full.jpg ";
$imagers = LoadJpeg($image );
}
$_SESSION["imagers"][count($_SESSION["imagers"])] = $imagers;

Any idea/reference on how to do it.

Thanks.

May 12 '06 #1

Subscribe Reply

2933

Andy Jeffries

On Fri, 12 May 2006 03:20:02 -0700, Manish wrote:

The problem is that howmuch times I click on Flip Horizontal , it is done
on the original picture, I want it to be on the latest edited one.

I tried using session, but it didn't worked

if(count($_SESS ION["imagers"])) {
$imagers = $_SESSION["imagers"][count($_SESSION["imagers"])-1];
} else {
$image = "photo_full.jpg ";
$imagers = LoadJpeg($image );
}
$_SESSION["imagers"][count($_SESSION["imagers"])] = $imagers;

This code should work. Have you tried doing a print_r or var_dump on
$_SESSION after doing a single operation?

BTW, that last line can be written a lot more simply as:

$_SESSION["imagers"][] = $imagers;

Cheers,
Andy
--
Andy Jeffries MBCS CITP ZCE | gPHPEdit Lead Developer
http://www.gphpedit.org | PHP editor for Gnome 2
http://www.andyjeffries.co.uk | Personal site and photos

May 15 '06 #2

Manish

Andy Jeffries wrote:

On Fri, 12 May 2006 03:20:02 -0700, Manish wrote:
The problem is that howmuch times I click on Flip Horizontal , it is done
on the original picture, I want it to be on the latest edited one.

I tried using session, but it didn't worked

if(count($_SESS ION["imagers"])) {
$imagers = $_SESSION["imagers"][count($_SESSION["imagers"])-1];
} else {
$image = "photo_full.jpg ";
$imagers = LoadJpeg($image );
}
$_SESSION["imagers"][count($_SESSION["imagers"])] = $imagers;

This code should work. Have you tried doing a print_r or var_dump on
$_SESSION after doing a single operation?

BTW, that last line can be written a lot more simply as:

$_SESSION["imagers"][] = $imagers;

Cheers,
Andy
--
Andy Jeffries MBCS CITP ZCE | gPHPEdit Lead Developer
http://www.gphpedit.org | PHP editor for Gnome 2
http://www.andyjeffries.co.uk | Personal site and photos

------------------------------------------------------------------------------------------------------------------------

With the code as follows

echo "_SESSION = <br /><br />"; var_dump($_SESS ION);
echo "<br /><br /><br /><br />";

if(count($_SESS ION["imagers"])) {
$imagers = $_SESSION["imagers"][count($_SESSION["imagers"])-1];
} else {
$image = "treesplain.jpg ";
$imagers = LoadJpeg($image );
}

if($edittype == "0") {
$changedimagers = $imagers;
unset($_SESSION["imagers"]);
} else if($edittype == "1") {

} else if($edittype == "2") {

if($valtype == "1") {
$changedimagers = flipImage($imag ers, 1, 0);
} else if($valtype == "2") {
$changedimagers = flipImage($imag ers, 0, 1);
}
}

if($changedimag ers) {
$_SESSION["imagers"][count($_SESSION["imagers"])] = $changedimagers ;
imagejpeg($chan gedimagers);
}

echo "_SESSION = <br /><br />"; var_dump($_SESS ION);
echo "<br /><br /><br /><br />";
------------------------------------------------------------------------------------------------------------------------

1. Close browser

2. http://localhost/test/manipulation/g...php?edittype=0
_SESSION =

array(0) { }

{Random characters, for image}

array(1) { ["imagers"]=> array(1) { [0]=> resource(3) of type (gd) } }

3. Change the URL in same browser to
http://localhost/test/manipulation/g...pe=2&valtype=1
_SESSION =

array(1) { ["imagers"]=> array(1) { [0]=> int(0) } }
Warning: imagesx(): supplied argument is not a valid Image resource in
c:\program files\easyphp1-8\www\test\mani pulation\getpic .php on line 63

Warning: imagesy(): supplied argument is not a valid Image resource in
c:\program files\easyphp1-8\www\test\mani pulation\getpic .php on line 64

Warning: imagecreatetrue color(): Invalid image dimensions in c:\program
files\easyphp1-8\www\test\mani pulation\getpic .php on line 69
_SESSION =

array(1) { ["imagers"]=> array(1) { [0]=> int(0) } }
------------------------------------------------------------------------------------------------------------------------

To solve the problem, I save all the steps in the session and redo
steps 1 to current one all over again.

$_SESSION['imagersop'][count($_SESSION['imagersop'])] = array(
"edittype"=>$ed ittype, "valtype"=>$val type, "valvalue"=>$va lvalue,
);

for($step=0; $step<count($_S ESSION['imagersop']); $step++) {

$edittype = $_SESSION['imagersop'][$step]['edittype'];
$valtype = $_SESSION['imagersop'][$step]['valtype'];
$valvalue = $_SESSION['imagersop'][$step]['valvalue'];

-------------

}

One can understand that after about 10 steps, it's really slow as all
steps has to be re performed.

I didn't find any other solution, so I implement this. But some other
way has to be there.

May be we can limit the history to first + (latest 6) + last in
session.

Some more response is required in,

1. brightness, contrast
I do not want to save the image as in imagefilter, but to temporary
store it as with rotate and flipping

2. sharpening issues

i got this code phpUnsharpMask from somewhere in the internet, but
no change is visible for any parameters.

see the code in my next post.
Thanks.

May 16 '06 #3

Manish

/*

Explanation: See the heading of the script itself, below.
Setup: Copy the following code and paste it into your image editing
script.
Requirements: The phpUnsharpMask script requires php version 4.0.6 or
higher and Thomas Boutell's gd library version 2.0 or higher. From php
version 4.3.1 gd is included.
Last modified: February 22, 2005
WARNING! Due to a known bug in PHP 4.3.2 this script is not working
well in this version. The sharpened images get too dark. The bug is
fixed in version 4.3.3.
Unsharp masking is a traditional darkroom technique that has proven
very suitable for
digital imaging. The principle of unsharp masking is to create a
blurred copy of the image
and compare it to the underlying original. The difference in colour
values
between the two images is greatest for the pixels near sharp edges.
When this
difference is subtracted from the original image, the edges will be
accentuated.

The Amount parameter simply says how much of the effect you want. 100
is 'normal'.
Radius is the radius of the blurring circle of the mask. 'Threshold' is
the least
difference in colour values that is allowed between the original and
the mask. In practice
this means that low-contrast areas of the picture are left unrendered
whereas edges
are treated normally. This is good for pictures of e.g. skin or blue
skies.

Any suggenstions for improvement of the algorithm, expecially regarding
the speed
and the roundoff errors in the Gaussian blur process, are welcome.

*/

function UnsharpMask($im g, $amount, $radius, $threshold) {

////////////////////////////////////////////////////////////////////////////////////////////////

////
//// p h p U n s h a r p M a s k
////
//// Unsharp mask algorithm by Torstein Hønsi 2003.
//// thoensi_at_netc om_dot_no.
//// Please leave this notice.
////
///////////////////////////////////////////////////////////////////////////////////////////////

// $img is an image that is already created within php using
// imgcreatetrueco lor. No url! $img must be a truecolor image.

// Attempt to calibrate the parameters to Photoshop:
if ($amount > 500) $amount = 500;
$amount = $amount * 0.016;
if ($radius > 50) $radius = 50;
$radius = $radius * 2;
if ($threshold > 255) $threshold = 255;

$radius = abs(round($radi us)); // Only integers make sense.
if ($radius == 0) {
return $img; ]
imagedestroy($i mg);
break;
}

$w = imagesx($img); $h = imagesy($img);
$imgCanvas = imagecreatetrue color($w, $h);
$imgCanvas2 = imagecreatetrue color($w, $h);
$imgBlur = imagecreatetrue color($w, $h);
$imgBlur2 = imagecreatetrue color($w, $h);
imagecopy ($imgCanvas, $img, 0, 0, 0, 0, $w, $h);
imagecopy ($imgCanvas2, $img, 0, 0, 0, 0, $w, $h);
// Gaussian blur matrix:
//
// 1 2 1
// 2 4 2
// 1 2 1
//
//////////////////////////////////////////////////

// Move copies of the image around one pixel at the time and merge
them with weight
// according to the matrix. The same matrix is simply repeated for
higher radii.
for ($i = 0; $i < $radius; $i++) {
imagecopy ($imgBlur, $imgCanvas, 0, 0, 1, 1, $w - 1, $h - 1); // up
left
imagecopymerge ($imgBlur, $imgCanvas, 1, 1, 0, 0, $w, $h, 50); //
down right
imagecopymerge ($imgBlur, $imgCanvas, 0, 1, 1, 0, $w - 1, $h,
33.33333); // down left
imagecopymerge ($imgBlur, $imgCanvas, 1, 0, 0, 1, $w, $h - 1, 25); //
up right
imagecopymerge ($imgBlur, $imgCanvas, 0, 0, 1, 0, $w - 1, $h,
33.33333); // left
imagecopymerge ($imgBlur, $imgCanvas, 1, 0, 0, 0, $w, $h, 25); //
right
imagecopymerge ($imgBlur, $imgCanvas, 0, 0, 0, 1, $w, $h - 1, 20 );
// up
imagecopymerge ($imgBlur, $imgCanvas, 0, 1, 0, 0, $w, $h, 16.666667);
// down
imagecopymerge ($imgBlur, $imgCanvas, 0, 0, 0, 0, $w, $h, 50); //
center
imagecopy ($imgCanvas, $imgBlur, 0, 0, 0, 0, $w, $h);

// During the loop above the blurred copy darkens, possibly due to a
roundoff
// error. Therefore the sharp picture has to go through the same loop
to
// produce a similar image for comparison. This is not a good thing,
as processing
// time increases heavily.
imagecopy ($imgBlur2, $imgCanvas2, 0, 0, 0, 0, $w, $h);
imagecopymerge ($imgBlur2, $imgCanvas2, 0, 0, 0, 0, $w, $h, 50);
imagecopymerge ($imgBlur2, $imgCanvas2, 0, 0, 0, 0, $w, $h,
33.33333);
imagecopymerge ($imgBlur2, $imgCanvas2, 0, 0, 0, 0, $w, $h, 25);
imagecopymerge ($imgBlur2, $imgCanvas2, 0, 0, 0, 0, $w, $h,
33.33333);
imagecopymerge ($imgBlur2, $imgCanvas2, 0, 0, 0, 0, $w, $h, 25);
imagecopymerge ($imgBlur2, $imgCanvas2, 0, 0, 0, 0, $w, $h, 20 );
imagecopymerge ($imgBlur2, $imgCanvas2, 0, 0, 0, 0, $w, $h,
16.666667);
imagecopymerge ($imgBlur2, $imgCanvas2, 0, 0, 0, 0, $w, $h, 50);
imagecopy ($imgCanvas2, $imgBlur2, 0, 0, 0, 0, $w, $h);

}

// Calculate the difference between the blurred pixels and the
original
// and set the pixels
for ($x = 0; $x < $w; $x++) { // each row
for ($y = 0; $y < $h; $y++) { // each pixel

$rgbOrig = ImageColorAt($i mgCanvas2, $x, $y);
$rOrig = (($rgbOrig >> 16) & 0xFF);
$gOrig = (($rgbOrig >> 8) & 0xFF);
$bOrig = ($rgbOrig & 0xFF);

$rgbBlur = ImageColorAt($i mgCanvas, $x, $y);

$rBlur = (($rgbBlur >> 16) & 0xFF);
$gBlur = (($rgbBlur >> 8) & 0xFF);
$bBlur = ($rgbBlur & 0xFF);

// When the masked pixels differ less from the original
// than the threshold specifies, they are set to their original
value.
$rNew = (abs($rOrig - $rBlur) >= $threshold)
? max(0, min(255, ($amount * ($rOrig - $rBlur)) + $rOrig))
: $rOrig;
$gNew = (abs($gOrig - $gBlur) >= $threshold)
? max(0, min(255, ($amount * ($gOrig - $gBlur)) + $gOrig))
: $gOrig;
$bNew = (abs($bOrig - $bBlur) >= $threshold)
? max(0, min(255, ($amount * ($bOrig - $bBlur)) + $bOrig))
: $bOrig;

if (($rOrig != $rNew) || ($gOrig != $gNew) || ($bOrig != $bNew)) {
$pixCol = ImageColorAlloc ate($img, $rNew, $gNew, $bNew);
ImageSetPixel($ img, $x, $y, $pixCol);
}
}
}

imagedestroy($i mgCanvas);
imagedestroy($i mgCanvas2);
imagedestroy($i mgBlur);
imagedestroy($i mgBlur2);

return $img;

}

May 16 '06 #4

Similar topics

4349

Where can I learn PHP? Want to create photo gallery.

by: Viken Karaguesian | last post by:

Hello everyone, Can anyone recommend a good online site to learn PHP? The W3Schools website is quite lacking - leaves much to be desired. I'm sure there are many places, but which ones are good? I currently run a site with an extensive photo gallery. Hundreds of photos. Right now I have a system which the thumbnails are laid out in a table. You click on a thumbnail and you see the full size picture. That full size picture is in its...

HTML / CSS

1318

Need to restore your photo??? We have solution for you!

by: boyet59 | last post by:

VerosMedia.com offers professional, digital retouching and photo restoration services. ** Restoration of treasured, family photographs. ** Portrait and model portfolio retouching. ** Photo enhancement. ** Photo alteration and editing. ** No advanced fee. ** Flat rate service. ** Free evaluation.

C / C++

6319

Pros & Cons of JSF/Ajax

by: Steve | last post by:

I need to build a very dynamic client and would be interested in knowing the pros and cons of using JSF and Ajax to accomplish this. Thanks. Steve

Javascript

1372

Are you looking for high quality photo editing and video editing?

by: gwanglu | last post by:

ProAOS offers you a high quality photo and video editing for your adult sites! We guarantee you customer satisfaction and a very reliable and professional work. If you want to try our services you can visit us at http://www.proadultoutsourcing.com

C / C++

7191

Deep linking with AJAX made possible with the use of DHTML & PHP

by: Tarik Monem | last post by:

I have been working on an all AJAX/DOM web site which is set to go live today and I thought I'd share my discoveries with all of you whom have helped me when I have encountered different issues along the way. First, deep linking is not something that a completely AJAX web site should be able to do by it's very nature of everything being on one page basically. So how can a person deep link to something that is on one page? This question...

Javascript

1346

ajax code

by: rohitsharma | last post by:

<td><a href="./images/hos1.JPG">  <img src="phpThumb.php?src=images/hos1.jpg&w=110&h=80&iar=1" border="0" onMouseOver="ajaxpack.getAjaxRequest('photo.php','src=images/hos1.jpg',processGetPost,'txt')" /> </a> </td> <td><a href="./images/hos2.JPG"><img src="phpThumb.php?src=images/hos2.jpg&w=110&h=80&iar=1"...

Javascript

1668

Reversing an upload in AJAX

by: gearoid | last post by:

Hey I've designed an intranet site where users can upload documents (called 'resources') as part of a knowledge base. Part of the functionality of said site is that privilaged users can edit the documents in the system. This involves uploading a new file for a 'resource'. However, after a user has performed their editing, they are asked to confirm their changes (in a page called confirm.php). When confirm.php loads, the new file upload is...

Javascript

1663

Ajax Script - works in Firefox, not in IE6

by: burtonfigg | last post by:

I'm testing an ajax page - this works fine in Firefox: http://jimpix.co.uk/clients/a/ecards/defaultx.asp Click on any of the links on the right under the 'occassions' or 'others' headings, in Firefox, and thumbnails appear based on what you clicked on. Do the same in IE6, and it returns an error: Line: 71 Char: 9 Error: Unknown runtime error

Javascript

2219

Problem with AJAX page and next / prev links

by: burtonfigg | last post by:

I have a snippet of HTML here: <p><a title="" href="#pc" onclick="sendEcardRequest(prev_ecard());">Previous</a> | <a title="" href="#pc" onclick="sendEcardRequest(next_ecard());">Next</a></p> <p class="ctr"><span id="ecard_id_label"></span></p> And javascript here (not all of it - just the relevant bit) function sendEcardRequest(id) { http6.open('get', 'ajax/ajax-ec.asp?cat=44&id=' + encodeURIComponent(id)); ...

Javascript

10350

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...

C / C++

10157

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...

Online Marketing

9957

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...

General

8983

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...

Career Advice

7505

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...

Microsoft Access / VBA

5518

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

4055

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system

C# / C Sharp

3658

How to add payments to a PHP MySQL app.

by: muto222 | last post by:

How can i add a mobile payment intergratation into php mysql website.

PHP

2887

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

by: bsmnconsultancy | last post by:

In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

General