AJAX调用返回时图像不显示

时间:2013-01-04 09:11:58

标签: php javascript ajax image

我有这个AJAX搜索功能,可以搜索表格中的文件列表,然后根据用户的输入更新结果。现在,我在表格中的文件名旁边有一个下载按钮(图像),用户可以下载该文件。问题是,当AJAX调用返回时,它只是拒绝显示图像。我不知道我是否有语法错误或者是否只是不可行。代码在这里:

echo "<tr>

<td class='tlong'>".$state['title']."</td>

<td style='font-size:11px;' class=''>".$state['filesize']."
<a style='padding-left:px;' href='../downloads/".$state["filename"]."'><img src='../images/footer/downloadImage.png' alt='' style='width:10px;height:10px;'/></a>
</td>

</tr>";
}

这是AJAX方法中的代码。我首先从数据库中提取标题,然后是文件大小,然后它应该显示图像,使用户能够在其旁边下载该文件。但图像并没有表现出来。但是,当我指定一个时,它会放置alt文本。有什么想法偷看?

1 个答案:

答案 0 :(得分:1)

检查图像的src路径和运行AJAX请求的页面。换句话说,如果直接将图像插入该页面,图像是否正确呈现?

// In the page that run AJAX
<img src='../images/footer/downloadImage.png' />

假设以下目录结构:

request.html
js/ajax_target.html
js/imgs/downloadImage.png

如果要在ajax_target.html中呈现downloadImage,它的src将是 imgs / downloadImage.png ,但是如果它将从request.html呈现,那么它应该是 js / IMGS / downloadImage.png