Question

我正在尝试为动物收容所创建动物数据库。到目前为止，我所拥有的是一组带有动物物种的表格，当用户选择物种时，它会显示所有可用的动物。现在我希望用户点击所选择的动物以及有关该动物的更多详细信息，例如，地点，性别，大小，将显示。问题是，我对Javascript / HTML知之甚少，而且遇到了很多问题。其中一个是在第三个屏幕中显示更多细节的图像。到目前为止我用HTML做的是：

<div class="row" style="text-align: center">
<img src="foto_animal" height="180">
</div>

“foto_animal”是表“Animal”中包含图像URL的列。有什么我应该用Javascript改变或它只是一个HTML问题？提前谢谢。

修改

我设法获取URL，这是script.js文件

var populateContact = function(data) {
$('#contact_photo').text(data.foto_animal);

这是index.html

<h2><span id="contact_photo"></h2>

它显示了URL，但现在我希望它被识别为图像。

Answer 1

编辑：要让您的用户按照评论的要求下载，请尝试添加标记并设置其下载属性。

这是example。

通过html，在引用src标记的<img>属性中的图像时，添加图像文件的文件扩展名

假设您的foto_animal是与html文件位于同一位置的jpeg文件和，

<img id='myImg' src="foto_animal.jpg" height=180px>

通过javascript，您只需使用document.getElementByID调用该元素并设置.src属性

document.getElementById("myImg").src = "foto_animal.jpg";

通过jquery，只需使用.attr属性设置标记ID的src

即可

$("#myImg").attr('src', 'foto_animal.jpg');

尝试使用数据库显示图像HTML

1 个答案: