如何渲染html文件

时间:2012-10-22 00:33:52

标签: javascript html

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

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

它不起作用,我不知道为什么。有人知道任何解决方案吗?

2 个答案:

答案 0 :(得分: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。

答案 1 :(得分:-2)

这有什么问题(在文件2内)

  1. require(file1)
  2. preg_match($pattern, $file1, $result)
  3. <img src="$result" />