Question

我有一个AJAX调用，并且成功后，<img>附加了一个HTML 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文件夹与文件处于同一级别，即您提供的代码，请使用./，而不是~/。

使用JavaScript附加<img/>

2 个答案: