备案 立即注册

相关文章

【滇企复工进行时】8455线路检测中心：未雨绸缪，危机之下必有机遇 倪光南推进国产操作系统：打破有鸡没蛋或有蛋没鸡 【站长故事】30岁seo老鸟走过的路：继续拼搏不敢松懈 良好习惯护航上网安全 A5图王：没有信心的站长看过来，让你恢复建站信心
帮助中心 >  技术知识库 >  网站相关 >  程序开发 >  js如何获取网页所有图片

js如何获取网页所有图片

2017-05-13 20:45:07 9629

需求

在网页中单击某张图片，图片能放大显示，且能按顺序切换图片，同时，一些小图标和不符合要求的图片不能放大。 
由于网页是在app中打开，图片的放大与切换由移动端实现，因此，需要用js调用原生方法，并传递所有图片的url

解决

?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
var img = [];
 
for(var i=0;i<$("img").length;i++){
  //获取所有符合放大要求的图片，将图片路径(src)获取
  if(parseInt($("img").eq(i).css("width"))>20){
    img[i] = $("img").eq(i).attr("src");
  }
}
var img_info = {};
img_info.list = img;  //保存所有图片的url
 
var imgs = document.getElementsByTagName('img');
for(var i = 0;i < imgs.length; i++){
  if(parseInt($(imgs[i]).css('width')) > 20){
    //将索引当作img标签的属性进行存储
    $(imgs[i]).attr('index',i);
    $(imgs[i]).click(function () {
      //获取上面存储的图片的索引，这个索引就是当前图片的索引
      img_info.index = $(this).attr('index');
      //将信息转为json字符串
      var json = JSON.stringify(img_info);
      //判断是ios端还是android端
      if (_IsIOS()) {
        window.webkit.messageHandlers.showImg.postMessage(json);
      } else if (_IsAndroid()) {
        window.control.call('showImg',json);
      }
    });
  }
}


提交成功！非常感谢您的反馈，我们会继续努力做到更好！

这条文档是否有帮助解决问题？

非常抱歉未能帮助到您。为了给您提供更好的服务，我们很需要您进一步的反馈信息：

在文档使用中是否遇到以下问题：

服务热线：
4006-75-4006(7*24小时在线)

总机直拨：
0871-63886388（工作日9:00-18:00）

域名投诉举报：
电话：4006-75-4006-8
邮箱：kefu@landui.com

Copyright © 2012 - 2026 LanDui.com. All RightsReserved.　8455线路检测中心 版权所有

  • 蓝队微信

  • 蓝队微博

全国域名注册 航帆网 IDC公司大全 九机网
XML 地图