Javascript 检查是否存在缩略图和图像_Javascript_Image_Thumbnails

Javascript 检查是否存在缩略图和图像

javascript image

Javascript 检查是否存在缩略图和图像,javascript,image,thumbnails,Javascript,Image,Thumbnails,我试图在一个页面中编写一些javascript，该页面需要加载三个图像中的一个。首先，它需要检查图片的缩略图是否存在并显示，如果缩略图不存在，则检查全尺寸图像并显示（缩小），如果缩略图或全尺寸图像均不存在，则使用noimage.gif作为小占位符。最有效的方法是什么有些规定，不能在服务器端执行，因为没有服务器。这个java脚本将作为一个脚本插入到kml文件中。我正在映射一个光纤网络，这是手孔部分。基本上，每个地名将有1到5张图片，图片的名称将与每个图片后带有-1、-2、-3等的地名名称相同。因

我试图在一个页面中编写一些javascript，该页面需要加载三个图像中的一个。首先，它需要检查图片的缩略图是否存在并显示，如果缩略图不存在，则检查全尺寸图像并显示（缩小），如果缩略图或全尺寸图像均不存在，则使用noimage.gif作为小占位符。最有效的方法是什么

有些规定，不能在服务器端执行，因为没有服务器。这个java脚本将作为一个脚本插入到kml文件中。我正在映射一个光纤网络，这是手孔部分。基本上，每个地名将有1到5张图片，图片的名称将与每个图片后带有-1、-2、-3等的地名名称相同。因此，每个位置标记的样式都来自同一个气球样式。。。。我用这个气球样式编写的html调用img src=“./images/$[name]-1.jpg“width=“120px”height=“100px”，其中$[name]插入了地名的名称。这将允许用户，当他们更新kml文件并添加新的placemark时，他们所要做的就是重命名jpeg以匹配placemark的名称，并在其末尾添加-1并将其转储到images文件夹中。。。。使用户不必编辑任何html（这对他们来说太难了）

我会在服务器上进行检查，然后让服务器提供可用图像的资源路径。

我会在服务器上进行检查，然后让服务器提供可用映像的资源路径。

我同意@Jason Dean， 但如果您想使用JavaScript检测它，我希望这样做：当获取缩略图时，我会附加一些id/class属性，并检查它是否存在

检查“img tumb”的id是否存在：

现在检查图像大小：（位于最后一个if的else之后）

要在检测到图像高度后更改高度，请执行以下操作：

img.style.height = height-50;//Substracks 50 pixles from the original size
img.style.width = width-50;//Substracks 50 pixles from the original size

对于最终事件（当没有检测到任何事件时），我将使用与第一阶段相同的检查

完整代码：

 var imgThumb = document.getElementById("img-thumb");
 var imgFull = document.getElementById("img-full");//Full sized image
    if (imgThumb != null){
        alert("Thumbnail exists");
    }else if(imgFull != null){
    //Check Image size...
    alert("Full sized image exists");
    var img = document.getElementById('your_image_id'); 
    var height = img.clientHeight;
    var width = img.clientWidth;
    img.style.height = height-50;//Substracks 50 pixles from the original size
    img.style.width = width-50;//Substracks 50 pixles from the original size

    }else{
    //Place noimage.gif
}