如何获取点击图片的图片网址

Question

我正在使用React。我希望我的用户单击四个图像之一，然后获取他们单击的图像的URL。现在，我正在获取域，路径和图像的URL，以及e.target.src（http：// localhost：3000 / img / cat.png）。如何获取图片网址（cat.png）？

这是我的代码的一部分：

        this.setState({
            urlClicked: e.target.src
        });
        console.log(this.state.urlClicked)
      }

      <img 
         src={this.state.urlClicked}>
      </img>

非常感谢。

Answer 1

您可以将字符串用“ /”分隔，然后从头开始弹出第一个值：

this.setState({
  urlClick: e.target.src.split("/").pop()
});