javascript - 图像扩展包括所有参数 url

Question

我正在尝试获取所有扩展名为 .svg 的图像。这可行，但问题是在 URL 中具有参数的图像会被忽略。

我在想像 svg?/* 这样的通配符？但我无法弄清楚？

谢谢

 // SVG images
        (function() {
            svgImages = function() {
                $('img[src$=".svg?/*"]').each(function() {
                    var $img = $(this);
                    var $imgID = $img.attr('id');
                    var $imgClass = $img.attr('class');
                    var $imgData = $(this).data();
                    var $imgAlt = $img.attr('alt');
                    var $imgURL = $img.attr('src');
                    $.get($imgURL, function(data) {
                        var $svg = $(data).find('svg');
                        if (typeof $imgID !== 'undefined') {
                            $svg = $svg.attr('id', $imgID);
                        }
                        if (typeof $imgClass !== 'undefined') {
                            $svg = $svg.attr('class', $imgClass + ' replaced-svg');
                        }
                        if (typeof $imgAlt !== 'undefined') {
                            $svg = $svg.attr('aria-label', $imgAlt);
                        }
                        // Add replaced image data attributes to the new SVG
                        $.each($imgData, function(key, value) {
                            $svg = $svg.attr('data-' + key, value);
                        });
                        // Check if the viewport is set, if the viewport is not set the SVG wont't scale.
                        if (!$svg.attr('viewBox') && $svg.attr('height') && $svg.attr('width')) {
                            $svg.attr('viewBox', '0 0 ' + $svg.attr('height') + ' ' + $svg.attr('width'));
                        }
                        $svg = $svg.attr('role', 'img');
                        // Remove any invalid XML tags as per http://validator.w3.org
                        $svg = $svg.removeAttr('xmlns:a');
                        // Replace image with new SVG
                        $img.replaceWith($svg);
                    }, 'xml');
                });
            };
            if ($('img[src$=".svg"]').length) {
                svgImages();
            }
        }());

例如，这个 URL 没有识别出它是 SVG

-/media/images/logo/test.svg?&hash=5E5E5D597365C12424C3E7865285E596B3F8BEF0

Answer 1

我认为您正在寻找 attribute contains 选择器 [src*=".svg"]。

当使用 $ 时，你是说你想要 src 到 end with .svg 不适用于您的情况。

$('img[src*=".svg"]').each((i, item) => { console.log(item) })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="abc.svg">
<img src="abc.jpg">
<img src="123.svg">
<img src="abc.png">
<img src="-/media/images/logo/test.svg?&hash=5E5E5D597365C12424C3E7865285E596B3F8BEF0">