douzhi19900102 2012-07-10 00:21
浏览 20
已采纳

如何在更新后刷新特定图像?

I have several div tags with unique ids and after a click event for a specific image I'm trying to refresh it. How can I do this? This is what I have for code so far:

HTML:

<div class="photo_gallery_container" <?php echo($div_id); ?>>
    <table class="table table-bordered table-condensed">
        <thead >
            <tr style="background-color: #f5f5f5;">
                <th colspan="2" style="text-align: right;"><span style="cursor:pointer" id="delimg_<?php echo($id); ?>" class="delimg"><span class="label label-important">Delete</span></span></th>
            </tr>               
        </thead>
        <tbody>
            <tr>
                <td>
                    <img src="<?php echo($url['url'])?>" style="height:120px;"/>
                </td>
                <td>
                    <a href="#" id="rotateimg_<?php echo($id); ?>" class="rotateimg">Rotate</a>
                </td>
            </tr>
        </tbody>
    </table>
</div>

My click event for rotate looks like this:

$('.rotateimg').click(function(e) {
    e.preventDefault();
    var id = $(this).attr('id').substr(10);

    $.post("/functions/photo_functions.php", { f: 'rotate', imgid: id }, function(status){

        if (status == 'true') {

            // How can I reload the specific image after being rotated

        }
    });

});            
  • 写回答

2条回答 默认 最新

  • duanhe0817825 2012-07-10 00:23
    关注

    Just append a query string to the img's URL (e.g. ?v=1), which will fool the browser into thinking that it's a new image.

    Here's an example (assuming id is the id of the image on the page):

    $('#' + id).prop('src', function(i, v)
    {
        var separator = v.indexOf('?') == -1 ? '?' : '&';
    
        return v + separator + 'v=' + ( new Date() ).getTime();
    });
    

    Since it appears your img on the page has no ID, you could traverse the DOM to find it, like so:

    $(this).parent().prev().find('> img')
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 在win10下使用指纹登录时,界面上的文字最后一个字产生换行现象
  • ¥20 使用AT89C51微控制器和MAX7219驱动器来实现0到99秒的秒表计数,有开始和暂停以及复位功能,请写出C语言程序
  • ¥15 51单片机 双路ad同步采样
  • ¥15 使用xdocreport 生成word
  • ¥15 请教怎么用MATLAB求坐标
  • ¥15 gradle整合es,在创建索引时报错
  • ¥15 关于模型训练的一个问题
  • ¥15 装了几千台服务器从来没遇到这种问题,哎看下哪位帮我解决吧
  • ¥15 单片机程序上的困难问题
  • ¥15 请教某软件缓存Ts文件破解合并mp4的方法