Tap here to go to the mobile version of the site.
Your Firefox is out of date and may contain a security risk! Upgrade Firefox

Support Forum

Chrome displays correctly image icon but firefox is not displaying.


I am using thyme leaf for presentation layer.
Following is the code line.

<img style="float:left;display:block;max-height:48px;max-width:48px;min-height:48px;min-width:48px;" th:src="'data:image;base64,' + ${chartImageData}"></img>

above code line correctly works in chrome and displays image icon
However, it's not working for firefox and while inspecting element in firebug it gives error as "failed to load given url".

Modified by cor-el

Additional System Details

Installed Plug-ins

  • Citrix Online App Detector Plugin
  • Shockwave Flash 11.5 r502
  • np-mswmp
  • Google Update
  • Picasa plugin
  • Intel web components updater - Installs and updates the Intel web components
  • Intel web components for Intel® Identity Protection Technology
  • Adobe PDF Plug-In For Firefox and Netscape 10.0.0
  • The plug-in allows you to open and edit files using Microsoft Office applications
  • Office Authorization plug-in for NPAPI browsers


  • User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:18.0) Gecko/20100101 Firefox/18.0

More Information

  • Top 10 Contributor
416 solutions 4930 answers

Do you image block Addons(Extensions)?

Try the Firefox Safe Mode to see how it works there. The Safe Mode is a troubleshooting mode, which disables most add-ons.

(If you're not using it, switch to the Default theme.)

  • You can open the Firefox 4.0+ Safe Mode by holding the Shift key when you use the Firefox desktop or Start menu shortcut.
  • Or use the Help menu item and click on the Restart with Add-ons Disabled... menu item while Firefox is running.

Don't select anything right now, just use "'Start in Safe Mode" To exit the Firefox Safe Mode, just close Firefox and wait a few seconds before using the Firefox shortcut (without the Shift key) to open it again. If it is good in the Firefox Safe Mode, your problem is probably caused by an extension, and you need to figure out which one.

Please follow the Troubleshoot extensions, themes and hardware acceleration issues to solve common Firefox problems article for that.

When you figure out what's causing your issues, please let us know. It might help other users who have the same problem.

  • Top 10 Contributor
  • Moderator
10756 solutions 96800 answers

What is the resulting data URL and what kind of image is this (jpg, png, gif)?

Does it work with src instead of th:src ?

A good place to ask advice about web development is at the MozillaZine "Web Development/Standards Evangelism" forum.

The helpers at that forum are more knowledgeable about web development issues.
You need to register at the MozillaZine forum site in order to post at that forum.

Question owner

Other images are displaying correctly.and i think its the issue with jquery because we are showing images dynamically.