Get source de l'image

J'ai une chaîne suivante comme: 

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

Comment puis-je obtenir un nom de fichier d'image en javascript? Je ne connais que le PHP regexes. L'extension d'un fichier peut être différent.

Le résultat doit être: avatar.jpg

InformationsquelleAutor Alex Pliutau | 2010-08-19
  1. 6

    Regex n'est pas l'idéal pour cela. JavaScript peut parcourir le HTML comme des objets distincts, plus facilement que comme une longue chaîne. Si vous pouvez identifier l'image par quoi que ce soit, par exemple par l'ajout d'un ID ou un ID à un parent avec qui que la seule image, vous serez en mesure d'accéder à l'image à partir d'un script:

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

    Et si vous souhaitez les modifier, vous pouvez le faire aussi bien

    myImage.src = src.replace('.jpg', '.gif');
    InformationsquelleAutor David Hedlund
  2. 1

    La chercher à la suite de codage, ce qui peut aider à ce que vous souhaitez obtenir.

    <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>
    InformationsquelleAutor PPShein
  3. 1

    Voici une courte variation de David Hedlund réponse qui utilise les regex:

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