Question

我正在创建一个图像裁剪器。我在PHP中声明了以下内容。这是将要裁剪的图像。

$src_name = 'image.jpg';

在声明之后，我有一个简单的javascript图像切换器。

<script language="javascript" type="text/javascript">
function changebg(my)
{
document.getElementById("cropframe").style.backgroundImage ='url('+ my.src +')';
document.getElementById("imglayer").style.backgroundImage ='url('+ my.src +')';
}
</script>
<img src="imagename1" width="50" height="50" onclick="changebg(this)" >
<img src="imagename2" width="50" height="50" onclick="changebg(this)" >
<div id="cropframe" style="background-image: url('<?=$src_original ?>')"></div>
<div id="imglayer" style="width: 100%; height: 500px; padding: 1px; background-position: top left; background-image: url('<?=$src_original ?>')">

然后我有一个用于裁剪图像的表格。

<form name="crop" method="post" action="crop-action.php">
<p><button onclick="cwcrop_handler.doCrop()">Crop</button></p>

我可以更改要裁剪的图像吗？我知道PHP发生在服务器端。但是我可以将新的imagename传递给“crop-action.php”，以便裁剪出正确的图像吗？谢谢！

Answer 1

如果我理解正确你将使用php制作庄稼服务器端，并且只通过javascript从用户那里获取输入...

我不确定你是如何缩进用户进行裁剪的，但一个简单的解决方案是在表单中添加一个变量。你可以简单地用之类的东西做这个...... 这个...

HTML：

<input id="fileIdentifier" name="fileIdentifier" type="hidden" value="identity">

然后在用户开始编辑时使用javascript获取输入，并更改input元素的值。 JS：

var fileID = doument.getElementByID("fileIdentifier");
fileID.value = imageIdentifierValue;

使用Javascript的PHP图像裁剪器

1 个答案: