Maison >interface Web >js tutoriel >js code d'implémentation pour obtenir l'adresse de l'image dans le code de la page html

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

亚连
亚连original
2018-06-01 11:23:141346parcourir

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

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

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

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

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!

Déclaration:
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