Question

我正在尝试使用flask加载图像文件，然后使用不同的图像更新相同的文件并显示新更新的图像，而不必刷新页面。

我已经尝试过使用ajax和jquery进行不同的组合，但到目前为止都没有奏效，但是有可能我只是错过了一个非常简单的修复程序。

这是我当前拥有的index.html文件

    <script src ="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<body>
    <div>
        <img id="my_image" src = "{{img}}">
    </div>
<script>
    function getimg(){
    $.ajax({
        type: 'GET',
        cache: false,
        url: "{{url_for('get_img')}}", 
        success: function(resp){
            dt = new Date();
            $('my_image').attr('src', resp.img + "?" + dt.getTime());
        }
    }); 
    }

    $(document).ready(function(){
        setInterval(getimg, 3000);
    });       
    </script>

</body>

这是来自getImage.py的烧瓶路线。

@app.route('/img')
def open_image():
    img = 'static\\testing.jpg'
    return render_template('index.html',**locals())

@app.route('/get_img', methods = ['GET'])
def get_img():
    img = 'static\\testing.jpg'
    return json.dumps({img:img})

我知道ajax通过cmd向烧瓶发送请求，但实际上并没有更新图像。

如何在不刷新页面的情况下从同一路径重新加载图像？

0 个答案: