Php created .png shown using string not using temp file

johnmunro · December 6, 2010

Hello,

We've been working on a page that allows users to create their own avatar to be displayed on their page.

We can get the script working but the only way to show the image is to save it to a temp folder, we want to just save the string in the database and let the php show this wehen required here are the file

http://test.digitaldemocracy.org.uk/test_avatar.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Digital Democracy -</title>

/*<![CDATA[*/

<!--

body {

background-image: url(images/background_paper.jpg);

background-repeat: repeat;

}

-->

/*]]>*/

</style>

//<![CDATA[

var _gaq = _gaq || [];

_gaq.push(['_setAccount', 'UA-15681567-1']);

_gaq.push(['_trackPageview']);

(function() {

var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

})();

//]]>

</script>

</head>

<body>

</div>

Make a<br/>proposal

</div>

</div>

View<br/>proposal

</div>

</div>

Vote on top<br/>proposal

</div>

</div>

View<br/>results

</div>

</div>

Profile

</div>

</div>

More

</div>

</form>

</div>

<span class="header_login_text">Login / Register</span>

</div>

<p><img src="<?php if (!empty($image)) { echo $filename; } else { echo 'http://test.digitaldemocracy.org.uk/avatar_creator.php?avatar=bg_08&avatar[body]=body_01&avatar[head]=head_01&avatar[eyes]=blank&avatar[mouth]=blank&avatar[moustache]=blank&avatar[glasses]=blank&avatar[male_hair]=blank&avatar[female_hair]=blank';} ?>" title="Your chosen avatar (assembled as a PNG image)" alt="Your chosen avatar (PNG image)" /></p>

<p>Your chosen avatar</p>

</div>

<p>

</p>

<p>

</p>

<p>

</p>

<p>

</p>

<p>

</p>

<p>

</p>

<p>

</p>

<p>

</p>

<p>

</p>

</div>

</p>

</form>

</div>

</div>

About us

</div>

</div>

Contact

</div>

</div>

Blog

</div>

</div>

Help

</div>

</div>

Facebook

</div>

</div>

Twitter

</div>

</div>

Privacy

</div>

</body>

</html>

And the file that runs the php and creates the images is

<?php

# form inputs in the correct stacking order from bottom to top

$form_fields = array('background', 'body', 'head', 'eyes', 'mouth', 'moustache', 'glasses', 'hair 1', 'hair 2');

ob_start();

if(!isset($_GET['avatar'])) die;

validate_inputs($form_fields);

$filename = create_avatar($form_fields);

//ob_end_clean();

//echo "hello";

//$image = output_image(ob_get_clean());

$image_output = ob_get_contents();

//ob_end_clean();

//echo $image;

//$image = ob_get_contents();

//$image="data:image/png;base64, base64_encode($image)";

$image = 'test.digitaldemocracy.org.uk' . $_SERVER['REQUEST_URI'];

//$image = $_SERVER['REQUEST_URI'];

//echo $image;

function validate_inputs($inputs)

{

foreach($inputs as $item)

{

if((preg_match('@(\.|/)@', $_GET['avatar'][$item]))

or (!is_file('avatars/'.$_GET['avatar'][$item].'.png')))

{

die();

}

function create_avatar($inputs)

{

while($inputs)

{

$layer = @imagecreatefrompng('avatars/'.

($file = $_GET['avatar'][array_shift($inputs)]).

'.png')

or die('I could not open the avatars/'.$file);

$layerWidth = imageSX($layer);

$layerHeight = imageSY($layer);

if(!isset($slate))

{

$slate = @imagecreatetruecolor($layerWidth, $layerHeight);

}

@imagecopy($slate, $layer, 0, 0, 0, 0, $layerWidth, $layerHeight);

@imagedestroy($layer);

}

imagetruecolortopalette ($slate, false, 256);

//header('Content-Type: image/png');

$filename = 'temp'. rand(1,50) . '.png';

imagepng($slate, $filename);

//imagepng($slate);

imagedestroy($slate);

return $filename;

}

function output_image($image)

{

$hash = md5($image);

if(isset($_SERVER['HTTP_IF_NONE_MATCH'])){

if($hash == trim($_SERVER['HTTP_IF_NONE_MATCH'], '"')){

header("HTTP/1.x 304 Not Modified");

header('Etag: "'.$hash.'"');

die();

}

//header('Etag: "'.$hash.'"');

//header('Content-Type: image/png');

//imagepng($image);

//echo $image;

//return $image;

}

//header ("Location:test_avatar.php?image=$image");

include 'test_avatar.php';

?>

If anybody can help us it would be very appreciated

Thanks

John Munro

Democratise.org

PFMaBiSmAd · December 6, 2010

And just which part of that code would be the part that is relevant to your question?

JakeTheSnake3.0 · December 7, 2010

...the only way to show the image is to save it to a temp folder, we want to just save the string in the database...

So....what you're saying is you want to store the actual image in the database? That is more work than necessary. I assume that's not what you mean and that you really just want to store the file's location in the database...like '/public_html/data/images/myavatar.jpg'. Even if that's the case you'd still need to actually store the image in that folder (which contradicts your assertion that you "JUST" want to store the string in the database). You need to move the uploaded file to a directory which your database string will refer to so that the < img > tag can reference that image.

Sign In

Php created .png shown using string not using temp file

Recommended Posts

johnmunro

Link to comment

Share on other sites

PFMaBiSmAd

Link to comment

Share on other sites

JakeTheSnake3.0

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information