如果在 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) }
/>