私はjcropを使用しており、ユーザーが画像をcrpsした後、次のようにimgタグを返すphpページを呼び出します。
$.get("get_profile_picture.php", function(data) {
$('#profile_photo_id').html(data);
jQuery('#cropbox').Jcrop({
onChange: showPreview,
onSelect: showPreview,
aspectRatio: 1
});
});
$.get("get_profile_thumb.php", function(data) {
$('#profile_thumb_id').html(data);
});
これは問題なく動作しますが、ユーザーが新しい画像をアップロードするたびに 2 つの追加の呼び出しを行っていることが懸念されます。get_profile_picture.php から返される img src コードは次のようになります。
<img src=<?php echo(getProfileThumb($user_id, FALSE)) ?> id="cropbox" />
もっとエレガントな解決策があるかどうか知りたいです。"cropbox" id の attr 'src' タグを設定しようとしましたが、最初に内部の PHP コードを実行する必要があります。何か考えや提案はありますか?