0

我是 javascript 和编码 html 的新手。我正在做一个附带项目，但我被困住了。我有一个包含图像的 html 文件（我们称之为 file1），我想在另一个名为 file2 的 html 文件中呈现 file1。通过渲染，我的意思是在 file2 中显示 file1 中包含的图像。我研究并发现了使用 dataURIs 之类的东西，并阅读了很多关于它的内容，但它没有用。我在网上找到了一个编码器，它将我的 file1 编码为 base 64 并将其插入到我的页面中，如下所示：

<img src="data:text/html;base64,PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KPHRpdGxlPk1hdGhKYXggTGF0ZXggRGlzcGxheSBUZXN0IFBhZ2U8L3RpdGxlPgoKPHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiIHNyYz0iaHR0cHM6Ly9jMzI4NzQwLnNzbC5jZjEucmFja2Nkbi5jb20vbWF0aGpheC9sYXRlc3QvTWF0aEpheC5qcz9jb25maWc9VGVYLUFNUy1NTUxfU1ZHIj4KPC9zY3JpcHQ+CjwvaGVhZD4KPGJvZHk+ClxbKHRhbih4KSoyeCszKV4yICogXGludCAoeCkgZHhcXQoKPC9ib2R5Pgo8L2h0bWw+Cg==" width="400" height="100" alt="Slide 2">

它没有用，我不知道为什么。有谁知道任何解决方案？

4

2 回答 2

1

正如 sachleen 所说，您的 base64 解码为 HTML 页面，而不是图像。并且该 HTML 页面不包含任何位图图像（该<img>标签仅适用于 jpg、png 和 gif 等位图图像；网页永远不是图像）：

<!DOCTYPE html>
<html>
<head>
<title>MathJax Latex Display Test Page</title>

<script type="text/javascript" src="https://c328740.ssl.cf1.rackcdn.com/mathjax/latest/MathJax.js?config=TeX-AMS-MML_SVG">
</script>
</head>
<body>
\[(tan(x)*2x+3)^2 * \int (x) dx\]

</body>
</html>

这是生成 SVG（矢量）图像的 JavaScript 代码。将相同的<script>标签添加到另一个文件的内部<head>，并在适当的地方添加正文。它适用于file1，因此它也应该适用于file2。

于 2012-10-22T01:10:36.920 回答
-2

这有什么问题（在file2中）

  1. require(file1)
  2. preg_match($pattern, $file1, $result)
  3. <img src="$result" />
于 2012-10-22T01:34:50.607 回答