Question

我希望从服务器加载图像时，只需使用get请求单击按钮，但每次使用ajax加载时，它都会带来缓存的图像而不是最新的图像

这是我的代码

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$.ajaxSetup({ url:"cap", cache: false });

 $("#btn").click(function(){
        $("#mydiv").load("cap");
    });
});

</script>


             <div style="display:block;margin-bottom:20px;margin-top:20px;">

             <div id='mydiv'></div>
            </div>
            <button id='btn'  > reload  </button>

Answer 1

为什么不将<img>标记整合到<div id='mydiv'></div>中？然后，您可以更改src属性以更改图像，而不需要使用ajax。

当您向图像请求添加唯一字符串时，可以刷新图像。

例如，您可以通过调用

来获取图像

<img src="http://www.example.com/pictures/img.png?123">

<img src="http://www.example.com/pictures/img.png?456">

这是一种避免缓存的方法。为了动态执行此操作，您可以使用日期对象并将当前日期添加到URL。

$("#myImg").prop("src", "myImg.png?" + new Date().valueOf());

ajax cache false无法加载图片

1 个答案: