spectacularstuff Posted July 13, 2008 Share Posted July 13, 2008 I am utilizing JavaScript to send variables to PHP and utilizing GD within PHP to display the images so I can have all of the DS functionality available to me. I have this working to an extent however cannot get the images to show up. I can see the placemats for the images and the borders however no images. Can someone help with this and point me in the right direction? I have 2 questions. 1. I want to use my JavaScript in a .js file instead of directly on the page a but it doesn't show any images when I utilize it that way. 2. I need the images to actually show up after they are run through the GD programming. My ultimate goal is to detect the users screen width in JavaScript, send that back to PHP and reduce the images based upon whether or not the user is looking at the webpage at an 800 screen width or lower. URL Spectacular Computer Repair OR http://67.199.62.141/test4.php My code is below: HTML & JavaScript Code <html> <head> <title></title> <head> <script language="javascript" type="text/javascript"> function resize() { var width = "width=" + screen.width; var path = "imgpath=images/&"; var script = "shrink.php?"; var logo = "imgname=scrfix-logo.png&"; var shopping = "imgname=shopping-cart.jpg&"; var forums = "imgname=forums.jpg&"; var signin = "imgname=sign-in.jpg&"; var contact = "imgname=contactus.jpg&"; var printer = "imgname=printer.jpg&"; document.write('<a href="/"><img class="headerimages" src="' + script + path + logo + width + '" alt="Spectacular Computer Repair" title="Spectacular Computer Repair" /></a><a href="/catalog/"><img class="headerimages" src="' + script + path + shopping + width + '" alt="Computer Repair Shopping" title="Computer Repair Shopping" /></a><a href="/computer-repair-forums/"><img class="headerimages" src="' + script + path + forums + width + '" alt="Computer Repair Forums" title="Computer Repair Forums" /></a><a href="/coordinator.php"><img class="headerimages" src="' + script + path + signin + width + '" alt="User Sign In" title="User Sign In" /></a><a href="/contact.php"><img class="headerimages" src="' + script + path + contact + width + '" alt="Contact Spectacular Computer Repair" title="Contact Spectacular Computer Repair" /></a><a href="#" onclick="window.print();return false;"><img class="headerimages" src="' + script + path + printer + width + '" alt="Print This Page" title="Print This Page" /></a>'); return 0; } </script> </head> <body onLoad="resize()"> </body> </html> PHP Code <?php $imgp = $_GET["imgpath"]; // The image pathway returned from JavaScript. (ie. images/) $width = $_GET["width"]; // The users screen width returned from JavaScript? (ie 800) $imgn = $_GET["imgname"]; // The image name returned from JavaScript. (ie scrfix-logo.png) $ext = substr($imgn, strrpos($fn, '.') + 1); // Find the extension from the image name (ie jpg) header("Content-type: image/{$ext}"); // What type of image are we working with? function open_image($file) { # JPEG: $im = @imagecreatefromjpeg($file); if ($im !== false) { return $im; } # GIF: $im = @imagecreatefromgif($file); if ($im !== false) { return $im; } # PNG: $im = @imagecreatefrompng($file); if ($im !== false) { return $im; } # GD File: $im = @imagecreatefromgd($file); if ($im !== false) { return $im; } # GD2 File: $im = @imagecreatefromgd2($file); if ($im !== false) { return $im; } # WBMP: $im = @imagecreatefromwbmp($file); if ($im !== false) { return $im; } # XBM: $im = @imagecreatefromxbm($file); if ($im !== false) { return $im; } # XPM: $im = @imagecreatefromxpm($file); if ($im !== false) { return $im; } # Try and load from string: $im = @imagecreatefromstring(file_get_contents($file)); if ($im !== false) { return $im; } return false; } switch($ext) { case "png": $image = open_image($imgp . $imgn); // Image name from JavaScript passed to the open_image function. imagepng($image); //Check to see if we can find the image if ($image === false) { die ('Unable to find image'); } break; case "jpg", "jpeg": $image = open_image($imgp . $imgn); // Image name from JavaScript passed to the open_image function. imagejpeg($image); //Check to see if we can find the image if ($image === false) { die ('Unable to find image'); } break; case "gif": $image = open_image($imgp . $imgn); // Image name from JavaScript passed to the open_image function. imagegif($image); //Check to see if we can find the image if ($image === false) { die ('Unable to find image'); } break; case "gd": $image = open_image($imgp . $imgn); // Image name from JavaScript passed to the open_image function. imagegd($image); //Check to see if we can find the image if ($image === false) { die ('Unable to find image'); } break; case "gd2": $image = open_image($imgp . $imgn); // Image name from JavaScript passed to the open_image function. imagegd2($image); //Check to see if we can find the image if ($image === false) { die ('Unable to find image'); } break; case "wbmp": $image = open_image($imgp . $imgn); // Image name from JavaScript passed to the open_image function. imagewbmp($image); //Check to see if we can find the image if ($image === false) { die ('Unable to find image'); } break; case "xbm": $image = open_image($imgp . $imgn); // Image name from JavaScript passed to the open_image function. imagepng($image); //Check to see if we can find the image if ($image === false) { die ('Unable to find image'); } break; case "xpm": $image = open_image($imgp . $imgn); // Image name from JavaScript passed to the open_image function. imagexpm($image); //Check to see if we can find the image if ($image === false) { die ('Unable to find image'); } break; default: echo "Unable to find any images."; } ?> Thanks for any help, Wayne Link to comment https://forums.phpfreaks.com/topic/114572-solved-gd-image-not-showing-up/ Share on other sites More sharing options...
unsider Posted July 13, 2008 Share Posted July 13, 2008 I never used GD so I can't help you there, but here's how to call an external .js file <script style="text/javascript" src="yourjsfile.js"></script> place that in the <head> and you're good. Link to comment https://forums.phpfreaks.com/topic/114572-solved-gd-image-not-showing-up/#findComment-589123 Share on other sites More sharing options...
spectacularstuff Posted July 14, 2008 Author Share Posted July 14, 2008 When I call it like that, the images don't show up. Link to comment https://forums.phpfreaks.com/topic/114572-solved-gd-image-not-showing-up/#findComment-589164 Share on other sites More sharing options...
spectacularstuff Posted July 14, 2008 Author Share Posted July 14, 2008 This was resolved in a different forum (http://phpbuilder.com/board/showthread.php?&t=10356974&is_resolved=1) Here is the code to output multiple images between JavaScript and GD PHP. This script doesn't nothing more at this time than detect the images and screen width of the user and output the images. I do not have anything in here yet for resizing the images according to users width. I will work on that next. URL Spectacular Computer Repair HTML and JavaScript Code The JavaScript code must go on your webpage, preferably in between the <head></head> tags. I tried it as a .js file and it wasn't working. I don't know why. The code has been cleaned up a little to make it a little more user-friendly to read. <html> <head> <title></title> <head> <script language="javascript" type="text/javascript"> function resize() { // Variables to be sent to PHP. The PHP variables to be sent are in "" (ie width=, imgpath=) var width = "width=" + screen.width; // Set variable width to users screen width var path = "imgpath=images/&"; // Set the path to the image var logo = "imgname=scrfix-logo.png&"; //Name of my image var shopping = "imgname=shopping-cart.jpg&"; //Name of my image var forums = "imgname=forums.jpg&"; //Name of my image var signin = "imgname=sign-in.jpg&"; //Name of my image var contact = "imgname=contactus.jpg&"; //Name of my image var printer = "imgname=printer.jpg&"; //Name of my image // End of Variables to be sent to PHP. The below variables are only for this script. var script = "shrink.php?"; // The name of the php script var scrpth = script + path; //Combine both the script and the path to make it less to work with below. document.write('<a href="/"><img class="headerimages" src="' + scrpth + logo + width + '" alt="Spectacular Computer Repair" title="Spectacular Computer Repair" /></a>'); document.write('<a href="/catalog/"><img class="headerimages" src="' + scrpth + shopping + width + '" alt="Computer Repair Shopping" title="Computer Repair Shopping" /></a>'); document.write('<a href="/computer-repair-forums/"><img class="headerimages" src="' + scrpth + forums + width + '" alt="Computer Repair Forums" title="Computer Repair Forums" /></a>'); document.write('<a href="/coordinator.php"><img class="headerimages" src="' + scrpth + signin + width + '" alt="User Sign In" title="User Sign In" /></a>'); document.write('<a href="/contact.php"><img class="headerimages" src="' + scrpth + contact + width + '" alt="Contact Spectacular Computer Repair" title="Contact Spectacular Computer Repair" /></a>'); document.write('<a href="#" onclick="window.print();return false;"><img class="headerimages" src="' + scrpth + printer + width + '" alt="Print This Page" title="Print This Page" /></a>'); return 0; } </script> </head> <body> <script language="javascript" type="text/javascript"> resize(); </script> </body> </html> Save this file as shrink.php and keep it in the same directory as the above file. PHP Code <?php $imgp = $_GET["imgpath"]; // The image pathway returned from JavaScript. (ie. images/) $width = $_GET["width"]; // The users screen width returned from JavaScript? (ie 800) $imgn = $_GET["imgname"]; // The image name returned from JavaScript. (ie scrfix-logo.png) $ext = substr($imgn, strrpos($imgn, '.') + 1); // Find the extension from the image name (ie jpg) $image = $imgp . $imgn; // Combine the pathway and the image name together (ie images/scrfix-logo.png) header("Content-Type: image/" . $ext); // What type of image are we working with? //Test to see what type of file is loaded. Even if an incorrect extension is loaded, load the image. function open_image($file) { # JPEG: $im = @imagecreatefromjpeg($file); if ($im !== false) { return $im; } # GIF: $im = @imagecreatefromgif($file); if ($im !== false) { return $im; } # PNG: $im = @imagecreatefrompng($file); if ($im !== false) { return $im; } # GD File: $im = @imagecreatefromgd($file); if ($im !== false) { return $im; } # GD2 File: $im = @imagecreatefromgd2($file); if ($im !== false) { return $im; } # WBMP: $im = @imagecreatefromwbmp($file); if ($im !== false) { return $im; } # XBM: $im = @imagecreatefromxbm($file); if ($im !== false) { return $im; } # XPM: $im = @imagecreatefromxpm($file); if ($im !== false) { return $im; } # Try and load from string: $im = @imagecreatefromstring(file_get_contents($file)); if ($im !== false) { return $im; } return false; } // Test what extension we are working with and display the image. switch($ext) { case "png": $image = open_image($image); // Image name from JavaScript passed to the open_image function. imagepng($image); // Display the image to the browser //Check to see if we can find the image if ($image === false) { die ('Unable to find image'); } break; case "jpg": $image = open_image($image); // Image name from JavaScript passed to the open_image function. imagejpeg($image); // Display the image to the browser //Check to see if we can find the image if ($image === false) { die ('Unable to find image'); } break; case "jpeg": $image = open_image($image); // Image name from JavaScript passed to the open_image function. imagejpeg($image); // Display the image to the browser //Check to see if we can find the image if ($image === false) { die ('Unable to find image'); } break; case "gif": $image = open_image($image); // Image name from JavaScript passed to the open_image function. imagegif($image); // Display the image to the browser //Check to see if we can find the image if ($image === false) { die ('Unable to find image'); } break; case "gd": $image = open_image($image); // Image name from JavaScript passed to the open_image function. imagegd($image); // Display the image to the browser //Check to see if we can find the image if ($image === false) { die ('Unable to find image'); } break; case "gd2": $image = open_image($image); // Image name from JavaScript passed to the open_image function. imagegd2($image); // Display the image to the browser //Check to see if we can find the image if ($image === false) { die ('Unable to find image'); } break; case "wbmp": $image = open_image($image); // Image name from JavaScript passed to the open_image function. imagewbmp($image); // Display the image to the browser //Check to see if we can find the image if ($image === false) { die ('Unable to find image'); } break; case "xbm": $image = open_image($image); // Image name from JavaScript passed to the open_image function. imagepng($image); // Display the image to the browser //Check to see if we can find the image if ($image === false) { die ('Unable to find image'); } break; case "xpm": $image = open_image($image); // Image name from JavaScript passed to the open_image function. imagexpm($image); // Display the image to the browser //Check to see if we can find the image if ($image === false) { die ('Unable to find image'); } break; default: echo "Unable to find any images."; } ?> Link to comment https://forums.phpfreaks.com/topic/114572-solved-gd-image-not-showing-up/#findComment-589320 Share on other sites More sharing options...
spectacularstuff Posted July 14, 2008 Author Share Posted July 14, 2008 Use this php code instead. I forgot the cleanup in the one above. The above HTML and JavaScript is still okay however. Save this file as shrink.php and keep it in the same directory as the above file. PHP Code <?php $imgp = $_GET["imgpath"]; // The image pathway returned from JavaScript. (ie. images/) $width = $_GET["width"]; // The users screen width returned from JavaScript? (ie 800) $imgn = $_GET["imgname"]; // The image name returned from JavaScript. (ie scrfix-logo.png) $ext = substr($imgn, strrpos($imgn, '.') + 1); // Find the extension from the image name (ie jpg) $image = $imgp . $imgn; // Combine the pathway and the image name together (ie images/scrfix-logo.png) header("Content-Type: image/" . $ext); // What type of image are we working with? //Test to see what type of file is loaded. Even if an incorrect extension is loaded, load the image. function open_image($file) { # JPEG: $im = @imagecreatefromjpeg($file); if ($im !== false) { return $im; } # GIF: $im = @imagecreatefromgif($file); if ($im !== false) { return $im; } # PNG: $im = @imagecreatefrompng($file); if ($im !== false) { return $im; } # GD File: $im = @imagecreatefromgd($file); if ($im !== false) { return $im; } # GD2 File: $im = @imagecreatefromgd2($file); if ($im !== false) { return $im; } # WBMP: $im = @imagecreatefromwbmp($file); if ($im !== false) { return $im; } # XBM: $im = @imagecreatefromxbm($file); if ($im !== false) { return $im; } # XPM: $im = @imagecreatefromxpm($file); if ($im !== false) { return $im; } # Try and load from string: $im = @imagecreatefromstring(file_get_contents($file)); if ($im !== false) { return $im; } return false; } // Test what extension we are working with and display the image. switch($ext) { case "png": $image = open_image($image); // Image name from JavaScript passed to the open_image function. imagepng($image); // Display the image to the browser //Check to see if we can find the image if ($image === false) { die ('Unable to find image'); } imagedestroy($image); break; case "jpg": $image = open_image($image); // Image name from JavaScript passed to the open_image function. imagejpeg($image); // Display the image to the browser //Check to see if we can find the image if ($image === false) { die ('Unable to find image'); } imagedestroy($image); break; case "jpeg": $image = open_image($image); // Image name from JavaScript passed to the open_image function. imagejpeg($image); // Display the image to the browser //Check to see if we can find the image if ($image === false) { die ('Unable to find image'); } imagedestroy($image); break; case "gif": $image = open_image($image); // Image name from JavaScript passed to the open_image function. imagegif($image); // Display the image to the browser //Check to see if we can find the image if ($image === false) { die ('Unable to find image'); } imagedestroy($image); break; case "gd": $image = open_image($image); // Image name from JavaScript passed to the open_image function. imagegd($image); // Display the image to the browser //Check to see if we can find the image if ($image === false) { die ('Unable to find image'); } imagedestroy($image); break; case "gd2": $image = open_image($image); // Image name from JavaScript passed to the open_image function. imagegd2($image); // Display the image to the browser //Check to see if we can find the image if ($image === false) { die ('Unable to find image'); } imagedestroy($image); break; case "wbmp": $image = open_image($image); // Image name from JavaScript passed to the open_image function. imagewbmp($image); // Display the image to the browser //Check to see if we can find the image if ($image === false) { die ('Unable to find image'); } imagedestroy($image); break; case "xbm": $image = open_image($image); // Image name from JavaScript passed to the open_image function. imagepng($image); // Display the image to the browser //Check to see if we can find the image if ($image === false) { die ('Unable to find image'); } imagedestroy($image); break; case "xpm": $image = open_image($image); // Image name from JavaScript passed to the open_image function. imagexpm($image); // Display the image to the browser //Check to see if we can find the image if ($image === false) { die ('Unable to find image'); } imagedestroy($image); break; default: echo "Unable to find any images."; } ?> Link to comment https://forums.phpfreaks.com/topic/114572-solved-gd-image-not-showing-up/#findComment-589631 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.