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 で入力をフェッチし、input 要素の値を変更します。JS:

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