如果找不到用户的原始个人资料图片,如何加载默认的个人资料图片

时间:2018-08-12 03:09:28

标签: javascript

在一种情况下,我想加载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\" >

如果找不到原始图片,如何加载默认的图片?

1 个答案:

答案 0 :(得分:0)

看来这里已经回答了这个问题:nodejs fs.exists()我建议检查该线程