2012-10-22 84 views
0

我是JavaScript新手和编码htmls。我正在一个侧面项目上工作,我被卡住了。我有一个包含图像的html文件(我们称它为file1),并且我想在另一个名为file2的html文件中呈现file1。通过渲染我的意思是在file2中显示file1中包含的图像。我研究并发现了像使用dataURIs这样的东西并阅读了很多内容,但没有奏效。我发现,我的编码文件1至基部64,并插入它在我的网页这样的编码器在线:如何呈现html文件

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

它没有工作,我不知道为什么。有没有人知道这个解决方案?

+1

任何什么解决这个问题? – zerkms

+0

你有合适的服务器吗?听起来像你正在寻找“包括”。 – bfavaretto

+1

base64不是图像...它是一个HTML网页。你不能把它放在图片标签中。 – sachleen

回答

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> 

这是JavaScript代码生成SVG(矢量) 图片。将<script>标记添加到<head>中的其他文件和适当的正文文本中。它在file1上工作,所以它也应该在file2上工作。

+0

我将

-2

what't本(内部文件2)

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

问题中没有任何建议PHP是可行的解决方案 –