10. TwinCAT HMI页面发布之后,使用img标签插入的图片无法正常显示

1

使用这种img标签导入的图片,要注意2个问题,第一是图片路径的问题,第二是文件权限的问题

图片路径问题

这里在src选项中使用了相对路径,如图:

2

TwinCAT HMI server的根目录可以在config界面看到:

3

其实际路径如下:

4

参照之前的src路径设置,需要在www目录下创建demopic文件夹并将图片放进去,如果图片不存在于这个目录下,就会出现无法无法加载图片的情况。

文件权限问题:

设置方法参照:https://infosys.beckhoff.com/english.php?content=../content/1033/te2000_tc3_hmi_engineering/6181120395.html&id=1157278037864074161,对/demopic/demopic.jpg给与读写权限即可,设置完成后直接发布即可得到正常的画面,可以看到图片正常显示

5


2021.6.15 史震宇 编辑