1

问题：

从此网络中提取产品图片的 URL：

http://www.linio.com.pe/computacion/pc-escritorio/

有些图像具有“数据来源”属性，我可以提取图像的 url。问题是，有些产品没有这个属性。但他们在 src 属性中有我需要的 URL。

至今：

1）我可以获得具有“数据来源”属性的产品的网址。2）当产品没有属性“data-origin”但在src属性中有url时无法获取url。

#

注意事项：

源代码中有两个 url：with 和 without 。精灵。. 我不需要带有精灵部分的网址。

1 个产品的示例：

正确网址：http://media.linio.com.pe/p/hp-1987-043329-1-catalog.jpg

这可以在 img 标签或 noscript 部分中找到。

错误的网址：http://media.linio.com.pe/p/hp-1987-043329-sprite.jpg

这是在“精灵隐藏”类中

更新 1：

使用 SelectorGadget 它说我应该使用“.lazyImg”。但我没有得到我所期望的。

  PCimgs  <- html("http://www.linio.com.pe/computacion/pc-escritorio/")%>%
            html_nodes(".lazyImg")%>%
            html_text()

但我得到：

[1] "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" ""

更新 2：

调查我看到有人可以使用两个 html_nodes，一个接一个。这更接近我想要的。因为我需要获取页面上所有产品的 URL。

PCs <- html("http://www.linio.com.pe/computacion/pc-escritorio/")%>%
    html_nodes(".product-item-img") %>%
    html_nodes("img")

但是，这给了我比需要更多的信息。所以我尝试了这个修改（感谢用户的这个想法）：

PCs <- html("http://www.linio.com.pe/computacion/pc-escritorio/")%>%
    html_nodes(".product-item-img") %>%
    html_nodes("img") %>%
    html_attr("data-original")

这有效！部分：

我得到：

 [1] "http://media.linio.com.pe/p/hp-1987-043329-1-catalog.jpg"      
 [2] NA                                                              
 [3] "http://media.linio.com.pe/p/hp-7585-499619-1-catalog.jpg"      
 [4] NA

这是因为有些元素具有属性：data-origin，而有些则没有。但他们在 scr 属性中有我需要的 url。所以我使用：

PCs <- html("http://www.linio.com.pe/computacion/pc-escritorio/")%>%
    html_nodes(".product-item-img") %>%
    html_nodes("img") %>%
    html_attr("scr")

但我得到：

> PCs

[1] NA NA NA NA NA NA NA NA NA NA NA NA NA NA NA NA NA NA NA NA NA NA NA NA NA NA NA NA NA NA NA NA NA [33] 不呐呐呐呐呐

有什么帮助吗？

#

这是页面的源代码（http://www.linio.com.pe/computacion/pc-escritorio/）

        <ul class="product-items" id="catalog-items">
              <li id="HP016EL59NXCPEAMZ" class="product-item " itemscope itemtype="http://schema.org/Product" data-badge="badgeDivFalse">
            <a id="1:HP016EL59NXCPEAMZ" href="http://www.linio.com.pe/HP---Desktop-All-in-One-Intel-Celeron-18.5-500GB-4GB---Plateado-Negro-923340.html" title="HP - Desktop All-in-One Intel Celeron 18.5'' 500GB 4GB - Plateado/Negro">
        <ul>
            <li class="product-item-img" style="position: relative;">
                <span class="lazyImage">
                    <span style="width:160px;height:160px;" class="itm-imageWrapper itm-imageWrapper-HP016EL59NXCPEAMZ">
                        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQYV2NgYAAAAAMAAWgmWQ0AAAAASUVORK5CYII="
                            data-original="http://media.linio.com.pe/p/hp-1987-043329-1-catalog.jpg"
                            width="160"
                            height="160" class="itm-img lazyImg"
                            onerror="catalog.onError($(this)); this.width=160">

                        <noscript>
                            <img
                                src="http://media.linio.com.pe/p/hp-1987-043329-1-catalog.jpg"
                                class="itm-img"
                                width="160"
                                height="160"
                            >
                        </noscript>
                                                </span>
                                                <span class="sprite hidden">http://media.linio.com.pe/p/hp-1987-043329-sprite.jpg</span>
                                        </span>
                                </li>
4

2 回答 2

3 
    PCs <- html("http://www.linio.com.pe/computacion/pc-escritorio/")%>%
    html_node("span.itm-imageWrapper.itm-imageWrapper-HP016EL59NXCPEAMZ img")%>%
    html_attr("data-original")
[1] "http://media.linio.com.pe/p/hp-1987-043329-1-catalog.jpg"
于 2015-05-23T01:52:39.197 回答
0

这是问题的答案：

个人电脑会给你代码的图像部分的信息。在第 3 行中，您可以更具体并使用“img”来获取确切信息。

PCs <- html("http://www.linio.com.pe/computacion/pc-escritorio/")%>%
    html_nodes(".product-item-img") %>%
    html_nodes("img")

您会注意到某些元素在“data-original”属性中具有您想要的 url。而其他的将它放在“src”属性中。

示例“原始数据”：

[[47]]
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQYV2NgYAAAAAMAAWgmWQ0AAAAASUVORK5CYII=" data-original="http://media.linio.com.pe/p/epson-9425-1474711-1-catalog.jpg" width="160" height="160" class="itm-img lazyImg" onerror="catalog.onError($(this)); this.width=160"/>

示例“src”：

 [[46]]
<img src="http://media.linio.com.pe/p/lg-6587-168029-1-catalog.jpg" class="itm-img" width="160" height="160"/>

1 ) 使用此代码获取具有“src”属性中信息的元素的 url。

   PCs2 <- html("http://www.linio.com.pe/computacion/pc-escritorio/")%>%
            html_nodes(".product-item-img") %>%
            html_nodes("img") %>%
            html_attr("src")

2 ) 使用此代码获取具有“data-original”属性中信息的元素的 url。

PCs3 <- html("http://www.linio.com.pe/computacion/pc-escritorio/")%>%
        html_nodes(".product-item-img") %>%
        html_nodes("img") %>%
        html_attr("data-original")

问题继续存在，因为我需要一个 if else 语句来确定在哪里使用“data-original”属性或“src”属性。我会为此提出一个新问题。

于 2015-05-23T04:12:36.900 回答