Vscode-markdown: 图片 base64 编码问题：中文路径，网络图片

[linsui]

和 #415 ，#429 相关

1. [ ] 当图片路径中有中文时无法转换为 base64
2. [ ] 网络图片无法转换为 base64
3. [x] 本地图片无法转换为 base64 时，生成的路径中无 file:/// ，导致无法打开

[yzhang-gh]

第一个问题需要我检查一下

至于第二个问题，
相对路径时应该是不能有 file:/// 的，
绝对路径时浏览器好像默认会阻止读取本地资源（最新的 FireFox 和 Chrome 都不行）
感觉 file:/// 没有用处

[linsui]

第二个问题，当设置为不使用 base64 编码时，是 file:///d:\..\..\a.jpg 的，但转换失败保留路径时，是 d:\..\..\a.jpg 。现在生成的就是绝对路径。 :confused:

[yzhang-gh]

你加上 file:/// 之后可以打开吗，我印象里加了也不行

[linsui]

不转换为 base64 编码时的链接有 file:/// ，图片可以显示。转换失败的没有，Firefox 不显示但 Chrome 能显示。

[yzhang-gh]

头疼的是不同的时候测试结果还不一样

---

我的电脑上 (Windows)

| | Chrome (74.0.3729.131) | Firefox (66.0.4) |
| -------------- | -------------------- | ------- |
| Has file:/// | ✔ | ✔ |
| No file:/// | ✔ | ❌ |

（和你一样）

---

然而，#415 (Linux) 说

Now print to html. The problem seems to be with the file:/// used. (<img src="file:///14.png" alt="">). If I remove file:/// it works.

| | Chrome (?) | Firefox (?) |
| -------------- | ---------- | ----------- |
| Has file:/// | - | ❌ |
| No file:/// | - | ✔ |

---

（注意测试时使用 "Ctrl + F5" 忽略缓存刷新）

---

所以现在有点无法确定

[linsui]

我在 ubuntu 上测试了一下 Firefox 都可以打开。 #415 中的问题应该是相对路径引起的，在 file:/// 后必须是绝对路径

[yzhang-gh]

谢谢，周末有时间来修复

[yzhang-gh]

问题二解决了
问题一我查看了一下，是 markdown-it 对路径做了编码，中文 变成了 %E4%B8%AD%E6%96%87（这个问题我暂时先不管了，怕出现什么副作用）

[linsui]

谢谢，图片显示正常 :+1: 但公式无法预览了

有个地方行为不太符合预期，当不勾选转换绝对路径，勾选 base64 ，转换 base64 失败时，得到的是绝对路径而不是相对路径。这和不勾选 base64 的行为不一致。

只有本地图片转换为 base64 编码了，网络图片无法转换吗？

[yzhang-gh]

但公式无法预览了

我这好像是正常的，有没有样本让我测试一下

当不勾选转换绝对路径，勾选 base64 ，转换 base64 失败时，得到的是绝对路径而不是相对路径

有道理，会改一下（之前的想法是，既然勾选了 base64，表示要把图片搞得决绝一点，就换成绝对路径了）

只有本地图片转换为 base64 编码了，网络图片无法转换吗？

主要是涉及到网络请求，怕麻烦就没做😂

[linsui]

我这里公式直接显示红色代码。比如 $1\alpha$ 就显示 1\alpha 。但输出 HTML 是正常的。

[yzhang-gh]

我发现了，有 1 好像就不行

可能和最近加了 KaTeX macros 有关 #426.

[linsui]

我发现 $0$ 和 $01$ 也有问题

[yzhang-gh]

现在应该被修复了，见最新的 commit

[linsui]

最新版在线图片在输出的 HTML 中得到 <p>undefined</p>

[yzhang-gh]

之前偷懒了，总是有点小问题 😂