Search code examples
node.jsejs

EJS check if status is 200

I am looping over an array of objects, these objects contains links to images. Some of these images return with status 403 and do not display.

Here is what I have in ejs

<% Recipes.forEach(recipe => { %>
    <div class="basis-2/12 min-w-max">
        <% if (recipe.image) { %>
        <img class="w-60 h-40 object-cover bg-slate-100 rounded-xl" src="<%= recipe.image %>" />
        <% } else { %>
        <img class="w-60 h-40 object-cover bg-slate-100 rounded-xl" src="/images/placeholder.png" /> <% } %>
    </div>
<% }) %>

The if (recipe.name) itself only check whether there is a link or not, which is always true.

How should I go for this?

Solution

  • This solution works, the recipe.image (in this case) must have a value of null