附加 <img> 至 <tbody> 使用JavaScript

Question

我有一个AJAX调用，成功后，将HTML <img>元素附加到tbody 。

这是代码：

for (var i = 0; i <= list.length - 1; i++) {
    var patientsList = ' <td class="point">' +
        (i+1) +
        '</td>' +
        '<td class="title"> ' +
        list[i].dateOfBirthday +
        '</td>' +
        '<td class="title"> ' +
        list[i].lastName +
        '</td>' +
        '<td class="title"> ' +
        list[i].firstName +
        '</td>' + '<td>' + '</td>'
        + '<td>' + '</td>'
        + '<td>' + '</td>'
        + '<td style="text-align:end;>' + ' <img src="~/images/doc 50.png" />'+ '</td>';

    $("#patients").append('<tr>' + patientsList + '</tr>');
};

问题是，图像没有出现在表格中。

路径正确。

为什么不附加？

Answer 1

路径不正确。 尝试使用./代替~/ 。

Answer 2

您的图片名称包含空格： doc 50.png 。 尝试重命名文件，并用以下代码替换代码：

<img src="./images/doc-50.png" />'

如果您的images文件夹与文件位于同一级别，则提供的代码应使用./而不是~/ 。