0

我正在创建一个图像裁剪器。我在 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 发生在服务器端。但是我可以将新的图像名传递到“crop-action.php”中以便裁剪正确的图像吗？谢谢！

4

1 回答 1

0

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

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

HTML：

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

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

var fileID = doument.getElementByID("fileIdentifier");
fileID.value = imageIdentifierValue;
于 2013-03-13T15:32:26.130 回答