-

使用xiyueta.js库写采集图片(图文教程)

使用xiyueta库来写一款ASP版的采集程序,xiyueta - 是一个快速、小巧且功能丰富的 JavaScript 库。xiyueta库使用方法与jQuery语法一致,上手容易使用简单。

目录结构

  ├─default.asp //采集程序首页
  ├─asp.fun.asp //asp函数
  ├─README.md   //说明文档
  │  
  └─dist  //源码目录
    └─asp.xiyueta.min.js      //HTML解析库
     
采集程序

default.asp文件里默认使用的javascript语言,同时也使用runat="server"加载了自己写的一个ASP文件,这个ASP文件以实现下载网页和下载图片和创建文件夹等功能

<%@LANGUAGE="javascript"%>
<%response.addheader("Content-Type", "text/html; charset=utf-8")%>
<script  language="javascript" runat="server" src="./dist/asp.xiyueta.min.js"></script> 
<script  language="VBscript" runat="server" src="./asp.fun.asp"></script> 



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>使用xiyueta库写采集图片 v1.0</title>
</head>
<body>


<script language="javascript" runat="server">
   var beginTime = +new Date();

   createFolder("img");//Create img folder
   var httpurl="http://xiyueta.com/test/web001/web.html";
   var html=getHttpContent(httpurl,"gb2312")
   $().parse(html);
   $("ul[class='list_con_box_ul'] li").each(function(i,obj){
      var img=$(this).find("img").attr("src");
      img=$.fullurl(httpurl,img)
      var imgPth="img/" + getFileName(img); 
      var txt=$(this).find("a:eq(0)").text();
      response.write(i+" "+img+" "+txt+","+imgPth+"<br>");
      if(checkFile(imgPth)==false){
         console.log("Downloading pictures "+img);
         saveRemoteFile(img,imgPth);// download images
      }
   })

   console.log("Time use "+(new Date()-beginTime)+" ms");
</script>

    
</body>
</html>
显示采集结果

当运行这个default.asp文件后,就可以看到采集完成后的效果了

ASP采集程序源码下载