Получить источник изображения

Question

У меня есть следующая строка, как:

<img src="../uplolad/commission/ranks/avatar.jpg' . $row[$c_name] .'" width="50" height="50"/>

Как я могу получить имя файла изображения в JavaScript? Я знаю только регулярные выражения PHP. Расширение файла может быть разным.

Результат должен быть: avatar.jpg

Answer 1

Regex не идеально подходит для этого.JavaScript может просматривать HTML как отдельные объекты с большей готовностью, чем как длинную строку.Если вы можете идентифицировать изображение по чему-либо, скажем, добавив к нему идентификатор или идентификатор родителя, который является единственным изображением, вы сможете получить доступ к изображению из сценария:* И если вы хотите редактировать, вы можете сделать это так же хорошо

myImage.src = src.replace('.jpg', '.gif');

Answer 2

Вот более короткий вариант ответа Дэвида Хедлунда , который использует регулярное выражение:

var myImage = document.getElementById('imgAvatar'); // or whatever means of access
alert(myImage.src.replace( /^.+\// , '' ));

Answer 3

Получите это после кодирования, которое может помочь, что вы хотите получить.

<script type="text/javascript">
    function getImageName(imagePath) {
        var objImage = new RegExp(/([^\/\\]+)$/);
        var getImgName = objImage.exec(imagePath);
        if (getImgName == null) {
            return null;
        }
        else {
            return getImgName[0];
        }
    }
</script>


<script>
    var mystring = getImageName("http://www.mypapge.mm/myimage.png")
    alert(mystring)
</script>