I have an issue with properly loading an image on the client side of the webvisu. I have following setup:
Wago PFC100 (750-8100) running codesys v3.5 SP13 Patch1.
The image is properly loaded and embedded in the imagepool. (See attached screenshot). In the webvisu I created an image element with dynamic image switching, using a string variable. The switching of the image works perfect in the preview of the webvisu inside of codesys. However client side in a web browser does not display the image, even though it has been embedded. (see screenshots)
When inspecting the website in my browser (right click -> "View page source") i get the following XML code:
<!DOCTYPE html><html><head>
  <metahttp-equiv="content-type"content="text/html;charset=UTF-8"/>
  <scriptlanguage="javascript"src="webvisu.js"></script>
  <scriptlanguage="javascript"src="browsercontrol_ext0.js"></script></head><bodyonload="new Webvisu('background', 'foreground', false)">
  <divstyle="position: absolute; left: 0px; top: 0px;">
    <canvasid="background"width="1280"height="800"style="position: absolute; left: 0px; top: 0px; z-index: 100;">Webvisu not supported due to missing browser feature HTML5-Canvas</canvas>
    <canvasid="foreground"width="1280"height="800"style="position: absolute; left: 0px; top: 0px; z-index: 200;">Webvisu not supported due to missing browser feature HTML5-Canvas</canvas>
  </div></body></html>
I have googled the missing browser feature HTML5-Canvas issue and it seems chrome suspects a XXS (Cross-Site Attack), since I'm changing the image programatically.
I tried changing settings in chrome, to allow java-script execution, no luck.
I have tried different browsers as well, and changing settings, same issue.
I did install the certificates, so the https is resolved correctly (on the underlying os of the PFC100), but still same issue, it won't load properly.
Any ideas what else I could try? I really want those damn images to show client-sided.
Thanks for any hints.
If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
I did try a different browser, as I mentioned in my original post. I have also tried changing the security settings in the various different browsers that I have tried. Unfortunately that did not work.
Any other ideas, of what could be going on here?
If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
Hello all,
I have an issue with properly loading an image on the client side of the webvisu. I have following setup:
Wago PFC100 (750-8100) running codesys v3.5 SP13 Patch1.
The image is properly loaded and embedded in the imagepool. (See attached screenshot). In the webvisu I created an image element with dynamic image switching, using a string variable. The switching of the image works perfect in the preview of the webvisu inside of codesys. However client side in a web browser does not display the image, even though it has been embedded. (see screenshots)
When inspecting the website in my browser (right click -> "View page source") i get the following XML code:
I have googled the missing browser feature HTML5-Canvas issue and it seems chrome suspects a XXS (Cross-Site Attack), since I'm changing the image programatically.
I tried changing settings in chrome, to allow java-script execution, no luck.
I have tried different browsers as well, and changing settings, same issue.
I did install the certificates, so the https is resolved correctly (on the underlying os of the PFC100), but still same issue, it won't load properly.
Any ideas what else I could try? I really want those damn images to show client-sided.
Thanks for any hints.
Hi,
could you try another browser for q quich test?
BR
Edwin
@Edwing:
I did try a different browser, as I mentioned in my original post. I have also tried changing the security settings in the various different browsers that I have tried. Unfortunately that did not work.
Any other ideas, of what could be going on here?
Hi,
is it possible to send the projectarchive (or reduced project) to the CODESYS store "my question -> bug report"?
BR
Edwin
Hi studiologe,
you must use the exact name of your ImagePool in your code.
BR