17 Replies Latest reply on Aug 9, 2018 8:55 AM by pawanm16285856

    SVG is not showing on Google Chrome

    otavios60241350 Level 1

      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.

      desktop_exl_promo_600x100_weempoweryou.png