Dart 如何让浏览器以编程方式加载图像

我有一个（java）代码，可以从一个定制的红外摄像机中不时生成大小相同的PNG图像，目前只需将它们保存在服务器空间之外。它们都有相同的名称，最近的名称覆盖了前一个名称

我可以在浏览器中向我的dart代码发送一条消息，说明可以自动加载图像以显示在图像元素中

我应该创建一个图像文件夹并保存在那里吗

浏览器将如何请求和显示图像？我正在使用端口4955进行html

我不熟悉dart、html等

这允许我更改DOM吗

HTML

CSS
#形象{
}

飞奔

ImageElement-ImageElement=querySelector（'#image'）；

我想我想把上面的

ImageElement

改成下面的，但不知道怎么改

”；

我已经尝试了建议的方法来请求图像，但没有一个有效。下面是最近的尝试。我有一条语句，它在Dart服务器代码中写入一个日志文件，该代码处理HTTP请求，虽然在加载页面时有日志条目，但在尝试请求其他图像时却没有。客户端页面确实收到了正确的图像路径，所以问题是我仍然没有找到正确的过程

HTML当前-要替换src。。。到src='displayImage/some_image.png'

Dart代码片段：

void displayNewImage（imagename）{
updateLog（'display image=$imagename'）；//imagename是正确的
var-anchor=querySelector（'imgAnchor'）；
锚，儿童，清除；
append（新的ImageElement（）
…innerHtml=“”）；
}

---

我的结论是，没有从客户端向我的Dart服务器发送任何请求。

我认为动态地（通过Dart代码）向HTML添加

就可以了。如果更新的图像具有相同的名称，则可能会遇到缓存问题（浏览器不会从服务器加载图像，而是从缓存加载图像）。使用新名称存储每张图像可能更容易。

我已经查看了我的代码并编辑了我的帖子。我想我知道需要做什么，但不知道怎么做。这是我的第一个网页，我以前从未操作过DOM。您通常会在DOM中添加一些元素，如

。然后在代码中调用

var-anchor=querySelector（#imgAnchor）；锚，儿童，清除；anchor.append（new-ImageElement（）…src='imageDisplay/myimage.png'…height='480px'…width='640px'；

或者你可以像你的问题一样，用

var-img=querySelector（'#image'）…src='imageDisplay/myimage.png'…height='480px'…width='640px'；

这样的代码重用你的图像（这也很好）。我尝试了你的解决方案和我自己的一个解决方案，Gunter，但没有乐趣！我遗漏了一些东西。请参阅我的帖子的新编辑。imageElement.setAttribute（'src'，imagename）；其中'imagname'是图像相对于web根的路径名。它很有效！！感谢你引导我找到答案，Gunter。你应该在Chrome开发者工具（F12）中进行调查发生了什么。创建的HTML到底是什么样子的？浏览器是否发出请求？是否有任何错误？