Question

我了解到您可以使用load方法从另一页加载图像。

例如：$("#result").load(url, 'tag.attribute')

但是，我需要从另一页上的列表中获取第一张图像的路径，并将其放在代码的<img>标记中才能显示它。我无法使用jQuery（CDN位于index.html中）。我下面的代码如何工作？您可以使用纯JavaScript来与React一起使用吗？

import React, {Component} from 'react'

/* global $ */

class GetImage extends Component {
state = {
    loaded: false
}
image = () => {

    const url = 'https://www.google.com/search?q=exemple&source=lnms&tbm=isch&sa=X&ved=0ahUKEwin8pXtzu3fAhXKlZAKHQ3dBAcQ_AUIDigB&biw=1536&bih=558'
    $("#content").load(url, 'div.data-ri===0.img.src')
    this.setState({loaded: true})

}
render(){
    return (
        <div>
            {this.state.loaded && <img id='content'></img>}
            <button type='button' onClick={this.image}></button>
        </div>
    )
}
}

Answer 1

为什么不从其他网站复制img链接并将其放入您网站上的img src =“”？

如何使用HTML从另一个页面加载图像？

1 个答案: