0

我想做一种照片编辑器,我使用uploadify上传图片

这是我的文件:http ://www.mediafire.com/?3uzzgx5onzn

问题是:上传图片后我会生成一个拇指..当我点击它时,它会显示另一个页面中的大图片,我想在 div 或 paragraf 中显示图片!在我刷新页面后工作!为什么?

从我的 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 回答