Javascript ReferenceError:未定义图像
我正试图建立一个网站,在其中我通过链接包括图像。如果图像不存在,或者只有1像素宽,网站应该显示另一个图像。我正在使用Jade/Pug和JS 我尝试在网站上呈现链接之前,先列出链接列表。这样我就可以在.pug文件中迭代我的链接列表。 所以我想做的是,检查一个图像是否有一定的大小,只使用JS。如果有,我会将链接添加到列表中,如果没有,我会添加一个替代链接 这是我在app.js文件中代码的重要部分: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
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'}`);
});