By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
435,595 Members | 3,721 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 435,595 IT Pros & Developers. It's quick & easy.

Image RESIZER SOMBODY PLEASE HELP

P: 1
ImageResizer.php

Image Resizer PLEASE HELP
The URL of the page this is on in my site is http://poppa-pimps-wallpapers.com//ImageResizer.php You can click on browse and get image,but when you upload image it will go to another page and says [b]((unable to create emp directory)) Here is a site to be able to see script actually work http://tech.tailoredweb.com/image-editor-52/ and can be DL from there also. I am using FP 2003 and geocities pro Domain site.
Poppa

The script is as follows

[PHP]
<?
session_start();

$refresh=$_SESSION["REFRESHED"]=($_SESSION["REFRESHED"])?0:1;

$imgsrc = ($_REQUEST["imgsrc"])?
$_REQUEST["imgsrc"]: "sample.jpg";

if (strpos($imgsrc,"sample.jpg")>0)
$imgfile = "sample.jpg";
else
$imgfile = substr($imgsrc, strpos($imgsrc,"/img_edt"));

$__min=base64_decode("RGV2ZWxvcGVkIEJ5IDxhIGlkPSJf X2tpbSIgaHJlZj0iaHR0cDovL3RlY2guY2l0eXBvc3QuY2EiPk NpdHlQb3N0LmNhPC9hPg==")
?>

<html>
<head>
<style>
img {border:none;}
body,table,td {font-family:Arial;font-size:12px}
form {display:inline;}
</style>
<title>Image Cropper / Resizer</title>
<script>
var isIE = (document.all)? true:false;
var minHeight=40, minWidth=40;

var canvasEl, imageEl, selector;
var oldX, oldY;
var mouseMoved;

document.onmousedown = mouseDown;
document.onmousemove = mouseMove;
document.onmouseup = mouseUp;

//------------ FUNCTIONS FOR DRAG AND DROP ----------------------------
//------------- mouseDown, mouseMove, mouseUp, --------------
//------------- grabEl, moveEl, dropEl --------------
function mouseDown(e) {
e = (!e)? window.event : e ;

var targetEl = (isIE)? e.srcElement : e.target;

while (targetEl.id != "image") {
targetEl = targetEl.parentNode;
if (targetEl == null) { return }
}

if (targetEl.id=="image") {
canvasEl = document.getElementById("canvas");
imageEl = document.getElementById("image");
selector = document.getElementById("selector");
oldX = (e.clientX + document.body.scrollLeft);
oldY = (e.clientY + document.body.scrollTop);
mouseMoved=false;
}
else
imageEl == null;

if (isIE)
e.returnValue = false;
else
e.preventDefault();
}

function mouseMove(e) {
e = (!e)? window.event : e ;
if (imageEl == null) { return };

mouseMoved = true;
var imageW = parseInt(imageEl.width, 10 );
var imageH = parseInt(imageEl.height, 10 );

var newX = (e.clientX + document.body.scrollLeft );
var newY = (e.clientY + document.body.scrollTop );

var x = oldX+canvasEl.scrollLeft-parseInt(canvasEl.style.left,10);
var y = oldY+canvasEl.scrollTop-parseInt(canvasEl.style.top,10);
var w = (newX - oldX);
var h = (newY - oldY);

w = Math.min( w, (imageW-x));
h = Math.min( h, (imageH-y));
w = Math.max( w, 1);
h = Math.max( h, 1);

selector.style.display = "block";
selector.style.width = w + "px";
selector.style.height = h + "px";
selector.style.left = x + "px";
selector.style.top = y + "px";
document.getElementById("crop").disabled = false;

document.resizefrm.width.value = w;
document.resizefrm.height.value = h;

document.cropfrm.x.value = x;
document.cropfrm.y.value = y;
document.cropfrm.w.value = w;
document.cropfrm.h.value = h;

if (isIE)
e.returnValue = false;
else
e.preventDefault();

}

function mouseUp(e) {
imageEl = null;
if (mouseMoved==false) {
selector.style.display = "none";
document.getElementById("crop").disabled = true;
}
}

function init() {
if (<?=$refresh?>)
window.location.reload();
var kim = document.getElementById('__kim');
if (kim==null || kim.tagName != "A" || kim.innerHTML<="" ) {
alert("This Image-Editor Version Requires Link To CityPost.ca");
return false;
}
}
</script>

</head>
<body onload="init()">
<div id="canvas" style="position:absolute;top:5px;left:5px;width:80 0px;height:590px;border:1px solid black;overflow:auto;">
<div id="selector" style="display:none;position:absolute;border:1px solid blue;font-size:1px;"></div>
<img id="image" src="<?=$imgsrc?>" />
</div>

<div style="position:absolute;top:5px;left:810px">

<b>HOW TO? 1-2-3</b>
<br><br><b>1. Upload Your Image </b>
<br><font color=blue><?=$_REQUEST["m1"]?></font>
<form method=post action="proc_image_editor.php" ENCTYPE="multipart/form-data">
<input type=file name=imgfile size=10/>
<button type=submit name="upload">Upload Image</button>
</form>

<br><br><b>2. Resize or Crop</b>
<form name=resizefrm method=post action="proc_image_editor.php">
<br>&nbsp; - Drag mouse or type numbers

<table cellpadding=0 cellspacing=0>
<tr><td colspan=4>
<font color=blue><?=$_REQUEST["m2"]?></font>
<tr>
<td>w:<td><input id="width" name="width" size=1/>
<td>h:<td><input id="height" name="height" size=1/><br>
<tr><td><td colspan=3>
<input type="hidden" id="imgfile" name="imgfile" value="<?=$imgfile?>" />
<button type=submit id="resize" name="resize" value="1">
&nbsp; &nbsp; &nbsp; Resize &nbsp; &nbsp;&nbsp;</button>
</table>
</form>

<form name=cropfrm method=post action="proc_image_editor.php">
<table cellpadding=0 cellspacing=0>
<tr><td colspan=4>
<font color=blue><?=$_REQUEST["m3"]?></font>
<tr>
<td>x: <td><input name="x" id="x" size=1 readonly>
<td>y: <td><input name="y" id="y" size=1 readonly>
<tr>
<td>w: <td><input name="w" id="w" size=1 readonly>
<td>h: <td><input name="h" id="h" size=1 readonly>
<tr><td><td colspan=3>
<input type="hidden" id="imgfile" name="imgfile" value="<?=$imgfile?>" />
<button type=submit id="crop" name="crop" value="1" disabled>
Crop Selection</button>
</table>
</form>

<? if ($imgsrc!=="sample.jpg") { ?>
<br><b>3. Save </b>
<br><button
onclick="window.location.href='proc_download.php?f l=<?=$imgsrc?>'">
Download Image
</button>

<br><br><b>4. Go Back </b>
<font color=blue><?=$_REQUEST["m4"]?></font>
<form action="proc_image_editor.php">
<input type="hidden" id="imgfile" name="imgfile" value="<?=$imgfile?>" />
<button type=submit id="recall" name="recall" value="1">
Recall Original
</button>
</form>
<? }?>

<br>Image url : <?=$imgfile?>
<br>
<br><?=$__min?>
<br><?include "/var/www/tech/_google_180_150.inc"?>
</div>
(/PHP/>
</body>
[/PHP]
Dec 13 '06 #1
Share this Question
Share on Google+
2 Replies


100+
P: 143
The problem isn't with your resize script, it's with your upload script / php config. Have you specified a temp directory in your php.ini and if not, do you have the relevent permissions to write to the systems default temp directory?

You can create your own directory and set it as the temp for php, if that helps.
Dec 14 '06 #2

b1randon
Expert 100+
P: 171
The problem isn't with your resize script, it's with your upload script / php config. Have you specified a temp directory in your php.ini and if not, do you have the relevent permissions to write to the systems default temp directory?

You can create your own directory and set it as the temp for php, if that helps.
For sure. I'd recommend making your own directory too since it isn't very likely that geocities is going to bend over backward to give the account php is running under permissions for folders outside your root in their tree.
Dec 14 '06 #3

Post your reply

Sign in to post your reply or Sign up for a free account.