HTML Table Images With File Path Source Not Rendering

Questions & Help
1

Hello! I am having an issue with getting images to render in an HTML table if I use a file path as the source. When I use a URL as the source the image does render, however. I know I could use a markdown table and the images would render just fine but it would be a lot easier for my use case if I could get them to render in HTML format. Any help would be appreciated! Here’s some examples of what I’m referencing:

This will render an image in the table:
<td><image src='https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885__480.jpg'/></td>
This will not: <td><img src='../assets/tree.png' /></td>

Am I using the wrong file path structure or is this kind of image rendering not possible in LogSeq? Thank you!

1 Like
2

Same issue. I can try different method, and also look up in Logseq documentation page.
But my main issue, I can’t view my image assest in mobile app, but I can see it on desktop app.

Another info:
I can use Syncthing to syncing my Loseq graph.

**Different method I can try:**
How to add an assets in Logseq with Markdown and HTML, and the asses have accessible in Desktop Version and to Mobile Version

  • TEST 1 (Backslash) [Desktop✅][Mobile❌️]

    ```htmlembedded
<div style="text-align: center;">
  <img src="/MYGRAPH/MYPAGE/assets/TESTME.png"alt="Example Image"/>
  <p><strong>Test Image</strong></p>
</div>
```

  • TEST 2 (Forward slash) [Desktop✅][Mobile❌️]

    ```htmlembedded
<div style="text-align: center;">
  <img src="MYGRAPH\MYPAGE\assets\TESTME.png"alt="Example Image"/>
  <p><strong>Test Image</strong></p>
</div>
```

  • TEST 3 (custom.js - Better (human-readable) asset name - #8 by hkgnp )[Desktop✅][Mobile❌️]

    ```htmlembedded
[:img {:src "../assets/TESTME.png" :class universal}]
```

  • TEST 4 (With Logseq link graph)[Desktop✅][Mobile❌️]

    ```htmlembedded
<a href="logseq://graph/MYGRAPH?page=MYPAGE">
  <img src="MYGRAPH/MYPAGE/assets/TESTME.png" />
</a>
```

  • IT’S WORK? (Defaul: Markdown Format) [Desktop✅][Mobile✅]

    • 🖼 TESTME.png

  • SVG FORMAT [Desktop✅][Mobile✅]

    ```htmlembedded
<div style="text-align: left;">
  <svg t="1704621155007" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4239" width="25" height="25">
  <path d="M510.4 0C243.2 0 20.8 208 1.6 470.4l273.6 113.6c24-16 51.2-24 81.6-24h8l121.6-177.6v-1.6c0-105.6 86.4-193.6 193.6-193.6s193.6 86.4 193.6 193.6-86.4 193.6-193.6 193.6h-4.8l-174.4 124.8v6.4c0 80-65.6 145.6-145.6 145.6-70.4 0-129.6-51.2-142.4-116.8L17.6 651.2C78.4 865.6 276.8 1024 510.4 1024c283.2 0 512-228.8 512-512S793.6 0 510.4 0z" p-id="4240">
  </path>
  <path d="M321.6 777.6L259.2 752c11.2 24 30.4 43.2 56 52.8 54.4 24 118.4-3.2 142.4-57.6 11.2-27.2 11.2-56 0-83.2-11.2-27.2-32-48-57.6-59.2s-54.4-9.6-80-1.6l65.6 27.2c40 17.6 60.8 64 43.2 104-19.2 40-65.6 59.2-107.2 43.2zM808 379.2c0-70.4-57.6-129.6-129.6-129.6-70.4 0-129.6 57.6-129.6 129.6s59.2 129.6 129.6 129.6 129.6-57.6 129.6-129.6z m-224 0c0-54.4 43.2-96 96-96 54.4 0 96 43.2 96 96 0 54.4-43.2 96-96 96-52.8 1.6-96-41.6-96-96z" p-id="4241">
  </path>
  </svg>
  <p><strong>Test Image</strong></p>
</div>
```

    -Thanks be to God! :smiling_face:
    -Please help me! :eyes:

3

Any update there!
-Thanks be to God! :smiling_face:
-Please help me! :eyes: