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

Question

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

我正在创建 img 标签:

            var url; //url to icon without extension, like `/img/icon`

            var img = new Image();

            img.crossOrigin = 'Anonymous';
            img.onload = function () {

                //Here I want to know if src was png or svg
            };

            img.onerror = function () {


            };

            img.src = url;

如果 svg 可用，服务器为 url 提供 svg，如果 svg 不可用，则服务器提供 png。

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

我如何在图像的 onload 事件中知道接收到的是哪种格式的源？

Answer 1

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

<img 
  src='www.awesomesite.com/awesomeImage.svg'
  ref={el => this.imageRef = el}
  onLoad={() => console.log(this.imageRef.src) }
/>