Javascript ReferenceError:未定义图像

Javascript ReferenceError:未定义图像,javascript,html,image,constructor,Javascript,Html,Image,Constructor,我正试图建立一个网站,在其中我通过链接包括图像。如果图像不存在,或者只有1像素宽,网站应该显示另一个图像。我正在使用Jade/Pug和JS 我尝试在网站上呈现链接之前,先列出链接列表。这样我就可以在.pug文件中迭代我的链接列表。 所以我想做的是,检查一个图像是否有一定的大小,只使用JS。如果有,我会将链接添加到列表中,如果没有,我会添加一个替代链接 这是我在app.js文件中代码的重要部分: app.get("/", function (req, res) { //get all th

我正试图建立一个网站,在其中我通过链接包括图像。如果图像不存在,或者只有1像素宽,网站应该显示另一个图像。我正在使用Jade/Pug和JS

我尝试在网站上呈现链接之前,先列出链接列表。这样我就可以在.pug文件中迭代我的链接列表。 所以我想做的是,检查一个图像是否有一定的大小,只使用JS。如果有,我会将链接添加到列表中,如果没有,我会添加一个替代链接

这是我在app.js文件中代码的重要部分:

app.get("/", function (req, res) {
    //get all the books
    var isbns = [];
    var links = [];
    dbClient.query("SELECT isbn FROM book WHERE id < 20", function (dbError, dbItemsResponse){
        isbns = dbItemsResponse.rows;
        var linkk = 0;
        for(i=0;i<20;i++){
            linkk = "http://covers.openlibrary.org/b/isbn/" + Object.values(isbns[i]) + "-M.jpg";
            var wid = getMeta(linkk);
               if(wid < 2){
                    links[i]="https://i.ibb.co/7JnVtcB/NoCover.png";
                } else {
                    links[i]=linkk;
                }
            }

    });
});

function getMeta(url){   
    var img = new Image(); //or document.createElement("img");
    img.onload = function(){
        alert(this.width);
    };
    img.src = url;
}
app.get(“/”,函数(req,res){
//拿到所有的书
var isbns=[];
var-links=[];
query(“从id<20的图书中选择isbn”,函数(dbError,dbItemsResponse){
isbns=dbItemsResponse.rows;
var-linkk=0;

对于(i=0;i您将
nodejs
javascript
混为一谈。您的代码是
nodejs
,因此位于服务器端。
window
Image
分别在客户端的浏览器中可用

要检查文件是否存在,(仅在服务器端!=),可以使用
fs
=>

注 没有什么像“愚蠢的问题”:

var fs = require("fs");
// Check if the file exists in the current directory.
fs.access(file, fs.constants.F_OK, (err) => {
  console.log(`${file} ${err ? 'does not exist' : 'exists'}`);
});