如何测试相对URL是否适用于JavaScript？

Question

这可能是一个非常基本或愚蠢的问题，但我无法在网上找到答案......

我在JavaScript中使用此相对URL来添加带图像的div。相对URL进入图像的路径。

我没有看到图像，我不知道是否因为相对网址错误或其他原因。有没有办法测试javascript是否从这个相对URL找到图像？

我将包括代码的一部分，即使我认为问题本身就足够清楚了。

$item.find('.item-content').append('<div class="dragable-item"><img 
url="../Content/onderwijs/images/dragicon.png"/></div>');

先感谢您！

Answer 1

有一种方法可以测试JavaScript是否找到文件。通过使用fetch，您可以获取状态代码。如果它是200则该文件存在。

fetch("../Content/onderwijs/images/dragicon.png").then(function(resp) {
    console.log('Status code is: ', resp.status);
});

在您的页面中，您可以将上述代码粘贴到控制台中，它会告诉您文件是否存在。