SVG is not showing on Google Chrome | Community
Skip to main content
otavios60241350
New Participant
April 5, 2018
Solved

SVG is not showing on Google Chrome

  • April 5, 2018
  • 18 replies
  • 74184 views

[Thread Edited By Adobe]

/*Don’t forget to meet and greet your fellow peers virtually by telling them about yourself here

Go ahead and to it now: https://adobe.ly/3eDnB4v */

 

Actual Question:

Hi, I have some SVG files on my assets and I want use it on my component so a create a cq:dialog with a file field and on htl I am using properties global object, but the svg image are not working on chrome.

 

CODE:

file field:

 

<file

jcr:primaryType="nt:unstructured"

sling:resourceType="cq/gui/components/authoring/dialog/fileupload"

autoStart="{Boolean}false"

class="cq-droptarget"

fileNameParameter="./fileName"

fileReferenceParameter="./fileReference"

mimeTypes="[image/gif,image/jpeg,image/png,image/webp,image/tiff,image/svg]"

multiple="{Boolean}false"

name="./file"

title="Upload Image Asset"

uploadUrl="${suffix.path}"

useHTML5="{Boolean}true" />

 

HTL:

<img class="lines-about" src="${properties.fileReference}" alt="">

 

Result: Image not show if the image I select a SVG but if I select another type Image showing correctly.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by nileshdchavan

Adobe advised to use the org.apache.sling.security-1.1.12.jar to fix this rendering issue. It worked for us. Thank you.

18 replies

New Participant
November 19, 2018

Installing an upgraded osgi org.apache.sling.security-1.1.16.jar corrects this issue (presumably adding the right headers into the response if  @fernandou23761826 's analysis of the problem is correct).

@ @kautuksahni​ is this the official solution?  how will this get rolled out, do i need to include sling security jar as a provided dependency along with custom code?

Employee
August 9, 2018

Thanks. It's really helpful.

July 24, 2018

Thanks, that worked for me.

First I tried to install it with the package manager. That did - of cource - not work. I didn't know jars can be installed on the Felix consoles bundle page.

I learned something new. Thanks.

qglez
New Participant
July 24, 2018

Hi Tobias

Try to download the jar from the mvnrepository and installing it directly in the AEM instance http://localhost:4502/system/console/bundles

July 23, 2018

Hi,

what do you mean by use org.apache.sling.security-1.1.12.jar? Just add it as dependency? For me, it does not affect anything.

Thank you,

Tobi

qglez
New Participant
July 5, 2018

In AEM 6.4 I've check with different users in different environments:

Author admin: svg renders

Author with an author account: svg renders
Publish with anonymous account: svg renders

sarav_prakash
New Participant
July 3, 2018

This fix helps. But this works only for administrative users. This is still broken when logging in as Author. What is the permanent fix?

qglez
New Participant
July 2, 2018

Thank you! It render fine now

nileshdchavanAccepted solution
New Participant
June 29, 2018

Adobe advised to use the org.apache.sling.security-1.1.12.jar to fix this rendering issue. It worked for us. Thank you.

qglez
New Participant
June 29, 2018

Same problem here.
I've tried to set the file under Apache Sling Content Disposition Filter to avoid it, but it seems no working as expected.

Even though it is not a suitable solution if is needed to set every image in that bundle configuration.

Does anyone find a solution?