在一种情况下,我想加载default profile image
来显示未上传his/her profile image
的用户。我不知道该怎么实现。下面是我到目前为止编写的代码
function myFunction(xml) {
var rowsArray = []
var i, j;
var xmlDoc = xml.responseXML;
var table = "";
var x = xmlDoc.getElementsByTagName("messageset");
for (i = 0; i < x.length; i++) {
var name = x[i].getElementsByTagName("name")[0].childNodes[0].nodeValue;
var row = "<div class=\"row\"><div class=\"msgtime b1\"><?php $messagetime = $message->time ;if($messagetime!= 'yo'){echo convert(time() - $messagetime);}?></div><div class=\"b1\" ><img class='imgs' src=\"" + "../users/"
+ name + "/notification/profilepic.svg" + "\" width=\"30px\" height=\"30x\" alt=\"avatar\" style=\"border-radius: 45px;\" class=\"image\" ></div><div class=\"b2 msginname\" >" +
x[i].getElementsByTagName("name")[0].childNodes[0].nodeValue +
"</div> <div class=\"cmoti \"><a href=\"online.php\">check motive</a></div><div class=\"msgoriginal\">" +
x[i].getElementsByTagName("message")[0].childNodes[0].nodeValue +
"</div></div>";
rowsArray.push(row)
}
table += rowsArray.reverse().join('');
document.getElementById("demo").innerHTML = table;
document.getElementById("check").innerHTML = name;
}
考虑服务器响应中的图像文件路径如下所示
" ../users/user1/notification/profilepic.svg "
" ../users/user2/notification/profilepic.svg " - This image doesn't exist, as user didn't upload his/her picture
" ../users/user2/notification/profilepic.svg " and so on...
如果在图像文件路径中看到第二个字符串,则第二个图像不存在,因此我想显示另一个默认的个人资料图像
我的动态图像html是从我上面发布的上述代码中给出的
<img class='imgs' src=\"" + "../users/" + name + "/notification/profilepic.svg" + "\" width=\"30px\" height=\"30x\" alt=\"avatar\" style=\"border-radius: 45px;\" class=\"image\" >
如果找不到原始图片,如何加载默认的图片?