Dołącz <img> do <tbody> przy pomocy JavaScript - javascript, jquery, html

Mam połączenie AJAX i po pomyślnym wyświetleniu HTML <img> element jest dołączany do tbody.

Oto kod:

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/~/images/doc 50.png" />"+ "</td>";

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

Problem polega na tym, że obraz nie pojawia się w tabeli.

Ścieżka jest prawidłowa.

Dlaczego się nie dołącza?

Odpowiedzi:

Ścieżka jest nieprawidłowa. Próbować ./ zamiast ~/ .

Nazwa Twojego obrazu zawiera spacje: doc 50.png. Spróbuj zmienić nazwę pliku i zamień kod na coś takiego:

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

A jeśli twoje images folder jest na tym samym poziomie, co plik, którego kod podałeś, użyj ./, nie ~/.