如果它在svg中，如何在JS中获取img src？

Question

我正在创建在线应用程序，我想在js中找出图像的哪些来源-png或svg。

我正在创建img标签：

<p>{{page.next.url}}</p>
<p>{{venue.next.url}}</p>
<p>{{paginate.next.url}}</p>
<p>{{paginator.next_page}}</p>

如果svg可用，则服务器将svg用作url；如果svg不可用，则服务器将png用作url。

在提供svg时，我可以在“网络”标签中看到，因此也应该有一种在js中获取此信息的方法。或者至少要了解该图像是svg格式的服务器。

我怎么知道在Image的onload事件中以哪种格式接收到源？

Answer 1

您可以通过引用获取 src onLoad。然后拆分字符串并在末尾查找 svg。

advanceOrFinish :: forall r. Puzzle r -> Puzzle r
advanceOrFinish puzzle
  | isSolvedOrInvalid puzzle.board = puzzle
  | otherwise = puzzle