0

ある種の写真エディタを使いたいのですが、uploadifyを使用して画像をアップロードしています

これが私のファイルです：http ：//www.mediafire.com/？3uzzgx5onzn

問題は次のとおりです。画像をアップロードした後、私は親指を生成します..それをクリックすると、別のページに大きな画像が表示されます。画像をdivまたは段落に表示したいと思います。ページを更新した後、動作しています！なぜ？

私のphpスクリプトから、UploadifyCompleteの後に画像名（応答）のみを受け取ります。これを追加します。

jQuery("#" + jQuery(this).attr('id') + ID).html('<a href="uploads/' + response + '"><img width="60px" height="60px" src="uploads/' + response + '" alt="' + response + '" /></a>');

これに：

                        jQuery(queue).append('<li class="uploadifyQueueItem">\
                            <span class="fileName">' + fileName + ' (' + byteSize + suffix + ')</span>\
                            <div class="uploadifyProgress">\
                                <div id="' + jQuery(this).attr('id') + ID + 'ProgressBar" class="uploadifyProgressBar"><!--Progress Bar--></div>\
                            </div>\
                        </li>');
                }

結果は次のようになります。

<div class="uploadifyQueue">
  <ul id="mainftpQueue">
    <li class="uploadifyQueueItem">
     <a href="uploads/Winter.jpg"><img height="60px" width="60px" alt="Winter.jpg" src="uploads/Winter.jpg"></a>
    </li>
  </ul>
</div>

すべての画像がアップロードされた後、すべての画像を1つのphp配列に入れます。このコードがあるdivを更新します。

                <div class="uploadifyQueue">
            <?php
            if ($_SESSION['files']){
                print '<ul id="mainftpQueue">'."\n";
                    foreach($_SESSION['files'] as $image ):
                        print '<li class="uploadifyQueueItem">'."\n";
                            print '<a href="uploads/'.$image.'"><img height="60px" width="60px" alt="'.$image.'" src="uploads/'.$image.'"></a>'."\n";
                        print "</li>\n";
                    endforeach;
                print "</ul>\n";
            }
            ?>
            </div>

私は試してみます：

$('#mainftpQueue').load(location.href+" #mainftpQueue>*","");
$('#mainftpQueue').load("/ #mainftpQueue li");

でも成功しない

すみません4私の悪い英語..もし1人がこれを編集できるなら

ありがとう

4

1 に答える 1

1

そのようなページの一部だけを読み込むことはできません。PHPを使用する必要があります。ただし、画像タグの src 属性を動的にサムネイルに変更することはできます。このようなものが動作します：

var d = new Date();
$("img").each(function(i){
    this.attr("src", "/"+this.attr('src')+"?"+d.getTime());
}

ソース

日付部分は、ブラウザによってキャッシュされないようにするためのものです。これにより、ページ上のすべての画像が反復処理され、再読み込みされます。

于 2010-04-10T15:52:52.273 に答える