Adjunte <img> a <tbody> con JavaScript - javascript, jquery, html

Tengo una llamada AJAX, y en caso de éxito, un HTML <img> elemento se añade a la tbody.

Aquí está el código:

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>");
};

El problema es que la imagen no aparece en la tabla.

El camino es correcto.

¿Por qué no está agregando?

Respuestas

El camino no es correcto. Tratar ./ en lugar de ~/ .

Su nombre de imagen contiene espacios en blanco: doc 50.png. Intenta cambiar el nombre del archivo y reemplaza el código con algo como esto:

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

Y si tu images La carpeta está al mismo nivel que el archivo, qué código ha proporcionado, use ./no ~/.