こんにちは、ここで少し大きな問題があります:)
いくつかの画像をアップロードした後、すべての画像のリストを取得します。画像を回転、複製、削除、シャッフルするための jQuery 関数がいくつかあります。画像を選択して削除を押すと、画像の値を含む投稿をphpに送信しalt=""
、画像を識別して編集します。
保存ボタンを作りたいのですが、画像を回転するたびに投稿するのではなく、すべてのデータを含む配列で画像のリストを編集してから投稿したほうがよいですか?
アップロード後の私のphp配列は次のようになります。
[files] => Array
(
[lcxkijgr] => lcxkijgr.jpg
[xcewxpfv] => xcewxpfv.jpg
[rtiurwxf] => rtiurwxf.jpg
[gsbxdsdc] => gsbxdsdc.jpg
)
4枚の写真をアップロードしたと言って、
- 最初の写真 90 度回転
- 2番目に複製したい
- 3 番目に 270 度回転します
- そして、私が削除する4番目の画像
私はこれをすべてjQueryでしか行うことができませんが、サーバー上では画像は同じです。更新後、画像は同じです
これは画像のリストです:
<div class="upimage">
<ul id="upimagesQueue">
<li id="upimagesHPVEJM">
<a href="javascript:jQuery('#upimagesHPVEJM').showlargeimage('HPVEJM')">
<img alt="lcxkijgr" src="uploads/s6id9r9icnp8q9102h8md9kfd7/lcxkijgr.jpg?1272087830477" id="HPVEJM" style="display: block;" >
</a>
</li>
<li id="upimagesSTCSAV">
<a href="javascript:jQuery('#upimagesSTCSAV').showlargeimage('STCSAV')">
<img alt="xcewxpfv" src="uploads/s6id9r9icnp8q9102h8md9kfd7/xcewxpfv.jpg?1272087831360" id="STCSAV" style="display: block;" >
</a>
</li>
<li id="upimagesBFPUEQ">
<a href="javascript:jQuery('#upimagesBFPUEQ').showlargeimage('BFPUEQ')">
<img alt="rtiurwxf" src="uploads/s6id9r9icnp8q9102h8md9kfd7/rtiurwxf.jpg?1272087832162" id="BFPUEQ" style="display: block;" >
</a>
</li>
<li id="upimagesRKXNSV">
<a href="javascript:jQuery('#upimagesRKXNSV').showlargeimage('RKXNSV')">
<img alt="gsbxdsdc" src="uploads/s6id9r9icnp8q9102h8md9kfd7/gsbxdsdc.jpg?1272087832957" id="RKXNSV" style="display: block;">
</a>
</li>
<ul>
</div>
このような配列を1つ作成すれば問題ありません
array{
imgFromLi = array(img1,img2,img3,img4,img5,img6)
rotate = array{img1=90, img2=270, img3=90}
delete = array{img4,img5,img6}
duplicate = array{img2, img3}
}
この配列を作成/送信/キャッシュするにはどうすればよいですか??
私の非常に悪い英語で申し訳ありません
編集:
はい、jSON を使用して、次のように php から配列を受け取ります。
jQuery.post(script, postData, function(data) {
if(data){
jQuery("#upimagesQueue").text(' ');
jQuery.each(data, function(ID, val) {
jQuery("#upimagesQueue").listimages(ID, val);
});
}
}, "json");