1
ImageResizer.ph p
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=$_SESS ION["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_d ecode("RGV2ZWxv cGVkIEJ5IDxhIGl kPSJfX2tpbSIgaH JlZj0iaHR0cDovL 3RlY2guY2l0eXBv c3QuY2EiPkNpdHl Qb3N0LmNhPC9hPg ==")
?>
<html>
<head>
<style>
img {border:none;}
body,table,td {font-family:Arial;fo nt-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.onmous edown = mouseDown;
document.onmous emove = mouseMove;
document.onmous eup = 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.parent Node;
if (targetEl == null) { return }
}
if (targetEl.id==" image") {
canvasEl = document.getEle mentById("canva s");
imageEl = document.getEle mentById("image ");
selector = document.getEle mentById("selec tor");
oldX = (e.clientX + document.body.s crollLeft);
oldY = (e.clientY + document.body.s crollTop);
mouseMoved=fals e;
}
else
imageEl == null;
if (isIE)
e.returnValue = false;
else
e.preventDefaul t();
}
function mouseMove(e) {
e = (!e)? window.event : e ;
if (imageEl == null) { return };
mouseMoved = true;
var imageW = parseInt(imageE l.width, 10 );
var imageH = parseInt(imageE l.height, 10 );
var newX = (e.clientX + document.body.s crollLeft );
var newY = (e.clientY + document.body.s crollTop );
var x = oldX+canvasEl.s crollLeft-parseInt(canvas El.style.left,1 0);
var y = oldY+canvasEl.s crollTop-parseInt(canvas El.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.getEle mentById("crop" ).disabled = false;
document.resize frm.width.value = w;
document.resize frm.height.valu e = h;
document.cropfr m.x.value = x;
document.cropfr m.y.value = y;
document.cropfr m.w.value = w;
document.cropfr m.h.value = h;
if (isIE)
e.returnValue = false;
else
e.preventDefaul t();
}
function mouseUp(e) {
imageEl = null;
if (mouseMoved==fa lse) {
selector.style. display = "none";
document.getEle mentById("crop" ).disabled = true;
}
}
function init() {
if (<?=$refresh?> )
window.location .reload();
var kim = document.getEle mentById('__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:5 px;left:5px;wid th:800px;height :590px;border:1 px solid black;overflow: auto;">
<div id="selector" style="display: none;position:a bsolute;border: 1px solid blue;font-size:1px;"></div>
<img id="image" src="<?=$imgsrc ?>" />
</div>
<div style="position :absolute;top:5 px;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_im age_editor.php" ENCTYPE="multip art/form-data">
<input type=file name=imgfile size=10/>
<button type=submit name="upload">U pload Image</button>
</form>
<br><br><b>2. Resize or Crop</b>
<form name=resizefrm method=post action="proc_im age_editor.php" >
<br> - Drag mouse or type numbers
<table cellpadding=0 cellspacing=0>
<tr><td colspan=4>
<font color=blue><?=$ _REQUEST["m2"]?></font>
<tr>
<td>w:<td><inpu t id="width" name="width" size=1/>
<td>h:<td><inpu t id="height" name="height" size=1/><br>
<tr><td><td colspan=3>
<input type="hidden" id="imgfile" name="imgfile" value="<?=$imgf ile?>" />
<button type=submit id="resize" name="resize" value="1">
Resize </button>
</table>
</form>
<form name=cropfrm method=post action="proc_im age_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="<?=$imgf ile?>" />
<button type=submit id="crop" name="crop" value="1" disabled>
Crop Selection</button>
</table>
</form>
<? if ($imgsrc!=="sam ple.jpg") { ?>
<br><b>3. Save </b>
<br><button
onclick="window .location.href= 'proc_download. php?fl=<?=$imgs rc?>'">
Download Image
</button>
<br><br><b>4. Go Back </b>
<font color=blue><?=$ _REQUEST["m4"]?></font>
<form action="proc_im age_editor.php" >
<input type="hidden" id="imgfile" name="imgfile" value="<?=$imgf ile?>" />
<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]
