改变img src图像后的jquery没有显示

时间:2012-06-03 09:27:41

标签: jquery twitter-bootstrap

我有这样的代码

<script type="text/javascript">
function openModal(title, id)
{
    $('#bookId').val($(this).data('id'));
    $('#modal h3').text(title);
    var d = new Date();
    $('#modal img').attr('src', '/media/upload/adv_baner/'+ id +'?'+d.getTime());
    $('#modal').modal('show');
}
</script>
<div id="modal" class="modal hide fade">
    <div class="modal-header">
        <a href="#" class="close" data-dismiss="modal">×</a>
        <h3>Modal header</h3>
    </div>
    <div class="modal-body" style="text-align:center">
        <p>
            <ul class="thumbnails">
                <li class="span3">
                    <img src="http://placehold.it/300&text=placehold.it+rocks!" alt="">
                </li>
            </ul>
        </p>
    </div>
    <div class="modal-footer">
        <a href="#" class="btn btn-danger">Delete</a>
    </div>
</div>

我想在我的localhost上传递像29.jpg这样的图像的ID,但是当我将文件上传到我的FTP时,它停止工作,但是当我检查源代码{{ 1}}被更改为我作为函数参数传递的一个。我已经检查了我的src,甚至在777上设置了全部,但仍然没有显示图像。

1 个答案:

答案 0 :(得分:1)

我认为这里的错误是:

$('#modal img').attr('src', '/media/upload/adv_baner/'+ id +'?'+d.getTime());
  1. 我们可以知道这个文件的扩展名吗?图像的扩展?

  2. 此时请尝试:

    $('#modal img').attr('src', 'media/upload/adv_baner/'+ id +'?'+d.getTime());
    

    $('#modal img').attr('src', '../media/upload/adv_baner/'+ id +'?'+d.getTime());