获取图片来源

Question

我有一个类似如下的字符串：

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

如何在javascript中获取图像文件名？我只知道PHP正则表达式。文件的扩展名可以是不同的。

结果必须是：avatar.jpg

Answer 1

正则表达式对此并不理想。与作为长字符串相比，JavaScript可以作为不同的对象更容易地遍历HTML.如果你可以通过任何东西来识别图片，比如给它添加一个ID，或者给作为唯一图像的父级添加一个ID，你就可以从脚本中访问该图像：

var myImage = document.getElementById('imgAvatar'); // or whatever means of access
var src = myImage.src; // will contain the full path

if(src.indexOf('/') >= 0) {
   src = src.substring(src.lastIndexOf('/')+1);
}

alert(src);

如果你想编辑，你也可以这样做

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

Answer 2

在下面的代码中获取它，这可以帮助你得到你想要的东西。

<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>

Answer 3

下面是使用正则表达式的David Hedlund's answer的一个较短的变体：

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