第一種方法:js通過正則實現(xiàn)
/** * 獲取html代碼中圖片地址 * @param htmlstr * @returns {Array} */ function getimgsrc(htmlstr) { var reg = /<img.+?src=('|")?([^'"]+)('|")?(?:/s+|>)/gim; var arr = []; while (tem = reg.exec(htmlstr)) { arr.push(tem[2]); } return arr; }
第二種方法:jquery實現(xiàn)
var img = $(this).find("img").attr("src");//這個是獲得相對路徑 prospertu //alert($(this).find("img").prop("src"));這個是獲得完整路徑 包括http://
js在獲取圖片的src是相對路徑
js在獲取src時或同時獲取到域名路徑;如圖片路徑是mall/kmenus/001.png,用obj.src或獲取到http://localhost/mall/kmenus/001.png,但是通常只獲取相對路徑就可以了。做此記錄。
<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;}
這篇文章就介紹到這,需要的朋友可以參考一下。
新聞熱點
疑難解答