Maison > interface Web > js tutoriel > le corps du texte

js code d'implémentation pour obtenir l'adresse de l'image dans le code de la page html

亚连
Libérer: 2018-06-01 11:23:14
original
1316 Les gens l'ont consulté

Cet article présente principalement le code d'implémentation de js pour obtenir l'adresse de l'image en code html. Les amis qui en ont besoin peuvent s'y référer

La première méthode : js l'implémente via des expressions régulières

/** 
 * 获取html代码中图片地址 
 * @param htmlstr 
 * @returns {Array} 
 */ 
function getimgsrc(htmlstr) { 
  var reg = /<img.+?src=(&#39;|")?([^&#39;"]+)(&#39;|")?(?:\s+|>)/gim; 
  var arr = []; 
  while (tem = reg.exec(htmlstr)) { 
    arr.push(tem[2]); 
  } 
  return arr; 
}
Copier après la connexion

La deuxième méthode : jquery implémente

 var img = $(this).find("img").attr("src");//这个是获得相对路径 prospertu
        //alert($(this).find("img").prop("src"));这个是获得完整路径 包括http://
Copier après la connexion

js obtient le src de l'image sous forme de chemin relatif

js obtient le chemin du nom de domaine lors de l'obtention le src ou en même temps ; comme Le chemin de l'image est mall/kmenus/001.png, utilisez obj.src ou obtenez http://localhost/mall/kmenus/001.png, mais obtenez généralement uniquement le chemin relatif. Faites ce disque.

<img src="mall/kmenus/001.png" onclick="showSelected(this)">

function showSelected(obj)
{
 var rootpath=&#39;http://localhost/&#39;;
 res=obj.src.replace(rootpath,&#39;&#39;);
 //分离路径和图片
 document.getElementById("cate_img_src").src=obj.src;
}
Copier après la connexion

J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.

Articles connexes :

Utiliser vue pour écrire un exemple de code pour un graphique carrousel imitant un livre simplifié

Résoudre le problème vue-cli projet de création Analyse détaillée du problème du chargeur

le temps setTimeout est fixé à 0

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal