Javascript 帕格：有没有办法更新模板中的图像？

我正在通过画布创建不同的图像，我希望它们实时显示在我的main.pug模板中，我的意思是，当一个图像显示时，我必须重新加载页面才能看到下一个图像，是否可以在不重新加载页面的情况下“流化”图像？ 代码：

模板：

doctype
head
  title= camera
  meta(charset='utf-8')
body
  .camera
    img(src= imageData)

先谢谢你

---

编辑：

我补充说

app.use('/static', express.static('public'))
app.get('/newimage', function(req, res){
   res.send(canvas.toDataURL());
})

然后像这样编辑我的模板

doctype
html
  head
    title= camera
    meta(charset='utf-8')
    link(rel='stylesheet', href='/static/style.css')
    script(src='/static/jquery-3.1.1.min.js')
    script(src='/static/imageGet.js')
  body
    .camera
      img(src= imageData)

---

现在图像移动了第二个端点的一半，然后冻结

您必须像这样在Express中创建一个新端点，并发送一个新生成的图像流：

app.get('/newimage', function(req, res){
   res.send(canvas.toDataURL());
})

在前端有一个jQuery

$.get（）

函数来调用该端点并设置

img

标记的src

$.get("/newimage", function( data ) {
  $(".camera img").attr("src", data);
})

$.get("/newimage", function( data ) {
  $(".camera img").attr("src", data);
})