JavaScript代码如何获取网页 1920 1080p大小的图片,不等于最高大小的图片全部删除

JavaScript代码如何获取网页 1920 1080p大小的图片,不等于最高大小的图片全部删除

该回答引用NewBing,仅供参考,不保证完全正确

您好,这是Bing。我可以帮您查找有关JavaScript代码如何获取网页 1920 1080p大小的图片,不等于最高大小的图片全部删除的信息。😊


根据我的搜索结果,我发现了以下一些相关的文章:

您可以点击上面的链接查看更多详情,或者继续向我提问。😊


源: 与必应的对话, 2023/7/16
(1) JavaScript使用H5 FileReader和Image对象获取本地图片的分辨率_js 获取图片分辨率_夜码狂农的博客-CSDN博客. https://blog.csdn.net/u012443286/article/details/106146368.
(2) JS获取本地图片和网络图片的宽高尺寸和存储大小_获取本地图片宽高_万少博的博客-CSDN博客. https://blog.csdn.net/wanshaobo888/article/details/107197547.
(3) 使用JavaScript获取图像大小(高度和宽度)_js怎么判断图片的高度和宽度_qq_43067585的博客-CSDN博客. https://blog.csdn.net/qq_43067585/article/details/106849436.

  • 以下回答由chatgpt基于相关博客总结生成:

    根据参考资料可以得知,底图是通过canvas绘制出来的,我们可以通过canvas的相关API来获取指定尺寸的图片,并移除除了最高大小的图片。

    首先,我们需要使用JavaScript获取页面中的图片元素,可以使用document.getElementsByTagName()方法来获取所有的图片元素。然后,我们需要筛选出指定尺寸(1920x1080p)的图片。

    在获取到图片元素后,我们可以使用naturalWidthnaturalHeight属性来获取图片的原始尺寸。根据参考资料中的描述,我们可以找到符合指定尺寸要求的图片。

    接下来,我们需要删除除了最高大小的图片以外的其他图片。一种方法是将所有符合要求的图片保存到一个数组中,然后通过比较图片的大小来确定最大的图片。一旦找到最大的图片,我们可以将其保存到一个变量中,同时删除其他图片。

    以下是使用JavaScript实现上述逻辑的代码示例:

    // 获取所有图片元素
    var images = document.getElementsByTagName('img');
    
    // 保存符合指定尺寸要求的图片
    var validImages = [];
    
    // 遍历所有图片元素
    for (var i = 0; i < images.length; i++) {
      var image = images[i];
    
      // 检查图片尺寸是否为指定尺寸(1920x1080p)
      if (image.naturalWidth === 1920 && image.naturalHeight === 1080) {
        validImages.push(image);
      }
    }
    
    // 初始化最大图片变量
    var maxImage = null;
    
    // 比较图片的大小以确定最大图片
    for (var j = 0; j < validImages.length; j++) {
      var currentImage = validImages[j];
    
      // 检查图片是否为最大尺寸
      if (!maxImage || currentImage.width > maxImage.width) {
        maxImage = currentImage;
      } else {
        // 删除其他图片
        currentImage.remove();
      }
    }
    
    // 最后,我们可以将最大图片显示在页面上
    document.body.appendChild(maxImage);
    

    请注意,这只是一种解决问题的方法,根据网页的具体情况可能需要做一些调整。另外,代码示例中使用了remove()方法来删除图片元素,这是HTML DOM的方法,如果需要支持更旧的浏览器,可能需要使用其他方法来删除图片。

    希望以上信息对你有帮助,如果还有其他问题,请随时提问。