So erhalten Sie mit js direkt die Bildadresse auf der Webseite

Dieses Mal zeige ich Ihnen, wie Sie mit js direkt die Adresse des Bildes auf der Webseite erhalten. Welche Vorsichtsmaßnahmen gibt es, um die Adresse des Bildes auf der Webseite direkt zu erhalten? Werfen wir einen Blick auf eine Webseite mit js.

Die erste Methode: js wird durch reguläre Ausdrücke implementiert

/** 
 * 获取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; 
}

Die zweite Methode: jquery wird

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

implementiert js Beim Abrufen des Quellcodes des Bildes handelt es sich um einen relativen Pfad

js erhält den Domänennamenpfad beim Abrufen des Quellcodes oder gleichzeitig, wenn der Bildpfad mall/kmenus/001 ist. png verwenden, obj.src verwenden oder http://localhost/mall/kmenus/001.png abrufen, aber normalerweise reicht es aus, nur den relativen Pfad zu erhalten. Machen Sie diese Aufzeichnung.

<img src="mall/kmenus/001.png" onclick="showSelected(this)">
function showSelected(obj)
{
 var rootpath='http://localhost/';
 res=obj.src.replace(rootpath,'');
 //分离路径和图片
 document.getElementById("cate_img_src").src=obj.src;
}

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

So verwenden Sie CORS des Koa2-Frameworks, um domänenübergreifende Ajax-Anfragen abzuschließen

http in Vue2.0 Anzeige von Anfragen und Laden

Das obige ist der detaillierte Inhalt vonSo erhalten Sie mit js direkt die Bildadresse auf der Webseite. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!