Expression régulière en JavaScript - Remplacer l'attribut src de l'Image

En JavaScript, j'ai une chaîne de caractères contenant un DOM fragment. Comment pourrais-je le trouver et remplacer l'attribut src d'une image?

Je voudrais remplacer le chemin d'accès de toutes les images avec un nouveau chemin d'accès, mais en gardant le nom de l'image. Pas tous les chemins sont les mêmes et peuvent provenir de différents endroits.
Mon expression régulière compétences sont pauvres au mieux.

Par exemple:

Change

   <img src='path/to/image/name.jpg' />

into 

   <img src='newPath/name.jpg' />
InformationsquelleAutor redsquare | 2009-08-19
  1. 7

    Essayez ceci:

    str.replace(/src='(?:[^'\/]*\/)*([^']+)'/g, "src='newPath/$1'");
    • n'a pas l'air de travailler. les changements 'blog.internetnews.com/skerner/smk/testpilot.png' dans 'newPath/blog.internetnews.com/skerner/smk/testpilot.png'
    • Il le fera. Vous devez utiliser "src='newPath/$2" " comme le remplacement
    • Excellent, semble faire l'affaire, des acclamations Xetius
    • Editted la réponse pour résoudre ce
    • Ah, ce qui fonctionne pour une image, mais ne peut pas correspondre à toutes les images. Est-ce possible
    • Juste oublié un quantificateur et l'indicateur global. Et le $1 est corriger.
    • Ok, ai eu de travail. Merci pour votre aide à tous

    InformationsquelleAutor Gumbo
  2. 10

    A pris gumbo réponse et ajouté un peu plus de choses à améliorer:

    • Si la chaîne d'entrée contient quelque chose
      autres que <img> les balises qui peuvent avoir
      un src attribut - ce n'est plus
      matchs/les remplacer.

    • La src attribut peut être
      à l'aide de guillemets simples ou doubles.

    • Que le test ne soit pas sensible à la casse.

    Résultant dans:

    string.replace(/<img([^>]*)\ssrc=(['"])(?:[^\/]*\/)*([^]+)/gi, "<img$1 src=$2newPath/$3$2");
    InformationsquelleAutor gnarf
  3. 2

    Si à l'aide de matières (non-DOM) des données telles que le HTML dans la forme d'une chaîne, au-dessus ne correspond pas à la double citation caractères. Ce code peut s'avérer utile, aussi:

    root     = serviceURL("file") + "&src=" + encodeURIComponent(root);
//html itself
html     = html.replace(/src=['"](?:[^"'\/]*\/)*([^'"]+)['"]/g, "src='" + root + "/$1'");
    • Bien meilleure solution
    InformationsquelleAutor Tim Beres
  4. 1
    replace(/(.*)\/(.*)/, "newPath/$2");
    InformationsquelleAutor Xetius
  5. 0

    Les solutions ci-dessus ne fonctionne pas bien dans mon cas, où j'ai dû remplacer tous les de chemin d'accès relatif au chemin d'accès absolu avant de les stocker dans la base de données. Mais, voici ma solution au cas où le travail de la mine pour quelqu'un d'autre. Des acclamations.

    replace(/<img([^>]*)\ssrc=(['"])(\/[^*([^\s<]+)/gi, "<img$1 src=$2" + BaseURL + "$3$2");
    InformationsquelleAutor jomaint
  6. 0

    J'ai utilisé cette expression dans mon projet, a travaillé comme un charme, la manipulation tous les cas, comme, devis, devis double, plusieurs balises d'image dans un texte, etc.
    En Javascript

    text.replace(/\<img([^>]*)\ssrc=('|")([^>]*)\s([^>]*)\/\>/gi, "<img$1 src=$2newPath/$3$2 $4/>");

    En PHP

    preg_replace('/\<img([^>]*)\ssrc=(\'|\")([^>]*)\s([^>]*)\/\>/', "<img$1 src=$2newPath/$3$2 $4/>",$text);
    InformationsquelleAutor LNT