Question

我想知道，我如何通过我的javascript代码显示图片。

示例：

javascript.php：

echo '<script type="text/javascript" src="http://domain.com/show_image.php"></script>';

show_image.php：

echo '<img src="http://domain.com/image/show_image.png" />';

这不会显示任何内容。谁知道为什么？：）

Answer 1

应该是：

echo 'document.write("<img src=\"http://domain.com/image/show_image.png\">")';

上面的

假定响应的内容类型正确

header('Content-type: text/javascript', true);

Answer 2

因为script元素不是为了显示图像而设计的。

使用include 'show_image.php'。

Answer 3

假设您希望<img>显示在<script>所在的位置，请先将<script>更改为以下内容：

<script id="imagePlace" type="text/javascript" 
  src="http://domain.com/show_image.php"></script>

然后将show_image.php更改为：

var scr = document.getElementById('imagePlace');
var img = document.createElement('img');
img.setAttribute("src","http://domain.com/image/show_image.png");
scr.parentNode.insertBefore( img, scr );

如何通过javascript文件显示图像

3 个答案: