采集页面的图片PHP+js+ajax

最新推荐文章于 2021-12-13 16:32:21 发布

gcl_guyunlige

最新推荐文章于 2021-12-13 16:32:21 发布

阅读量773

点赞数

分类专栏：前端相关系列文章标签：前端相关系列

前端相关系列专栏收录该内容

2 篇文章 0 订阅

订阅专栏

$url='http://blog.sina.com.cn/s/blog_13aa026670102ynjo.html';
        $str=file_get_contents($url);
//        echo "$str";
        $reg='/.*/isU';
        preg_match($reg,$str,$arr);
        //print_r($arr);
        $reg1='/<img .* real_src ="(.*)" .*>/isU';
        preg_match_all($reg1,$arr[0],$arr1);
        $data['img_path']=$arr1[1];
        foreach($data['img_path'] as $k=>$v)
        {
            $data['img_path'][$k]=str_replace("https","http",$v);
        }
        $this->load->view("testdd/img",$data);

----------------------前端的------------------------------------
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>tu</title>
</head>
<body>
<?php foreach($img_path as $k=>$v){?>
<img class="path" src="<?php echo $v?>" width="50px" height="50px">
<?php }?>
<input type="button" id="cli">
<input type="text" id="nums">
</body>
</html>
<script src="<?php echo base_url("/public/js/jquery.js")?>"></script>
<script>
    $(function()
    {
        localStorage.num=0;
        $(document).ready(function()
        {
            $("#nums").val(localStorage["num"]);
        })
        $("#cli").click(function(){
            var path=$(".path");
            ajaxs(path);
        })
        function ajaxs(data)
        {
            var num=localStorage["num"]
            var path=data.eq(num).attr("src");
            if(num>data.length)
            {
                return false;
            }
            else {
                $.ajax({
                    type: "post",
                    url: "filePut",
                    data: {
                        path: path,
                        num:num
                    },
                    success: function (a) {
                        if (a) {
                            localStorage.num++;
                            $("#nums").val(localStorage["num"]);
                            ajaxs(data)
                        }
                        else {
                            alert("采集失败了");
                            return false;
                        }
                    }
                })
            }
        }
    })
</script>

gcl_guyunlige

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
采集页面的图片PHP+js+ajax

$url='http://blog.sina.com.cn/s/blog_13aa026670102ynjo.html'; $str=file_get_contents($url);// echo "$str"; $reg='/.*/isU'; preg_match($reg,$str,$arr); //pr
复制链接

扫一扫