如果在 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 可用或 png 如果 svg 不可用，则服务器为 url 提供 svg。

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

我如何知道在 Image 的 onload 事件中以哪种格式接收源？

Answer 1

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

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