图像不显示但也不抛出 404

Question

我正在使用 javascript 访问 json 文件并为此文件中的每个 JSON 对象添加一个磁贴。这工作正常，但我在将图像动态插入这些图块时遇到问题。我有一个默认图像，如果在 JSON 对象（未定义）中找不到 "imageName" 属性，则使用默认图像。我的代码看起来不错，它发现图像正常，但它不显示它，而是显示标准的 404 图像。奇怪的是，它也没有抛出 404，也没有在网络选项卡中显示为 404 错误（我在 Chromium 上）。我还故意将图像重命名错误并抛出 404。这是托管在 GitLab CE 上的（但是，问题也在本地发生），我的代码如下：

Javascript:

$.getJSON('../assets/posts.json', function(data) {
    data.forEach(function(post) {
        for (var i = 1; i <= 11; i++) {
            if (post[i] !== undefined) {
                if (post[i].imageName === undefined) {
                    $('#repeatPosts').append('<li><img src="../assets/images/defaultBlogImage.jpg">' + post[i].title + '</li>');
                } else {
                    $('#repeatPosts').append('<li><img src="../assets/images/' + post[i].imageName + '" />' + post[i].title + '</li>');
                }
            }
        }
    });
});

JSON:

[{"1": {
    "title": "Test post",
    "date": "03-07-2016",
    "body": "Just a test body"
},
"2": {
    "title": "Test post",
    "date": "03-07-2016",
    "body": "Just a new test body",
    "imageName": "defaultBlogImage.jpg"
}}]

违规网站是 here

Answer 1

我终于解决了这个问题。这不是图像本身的问题，但我的所有文件都被我的任务运行器变异了，它弄乱了图像的签名，因此不再是有效的图像。我通过忽略所有图像文件解决了这个问题。

图像不显示但也不抛出 404

Images not displaying but also not throwing 404

html

javascript

json

image

http-status-code-404