檢測inpage圖像鏈接並使用jQuery顯示它們

強制jQuery檢測後置內容類中的元素是否爲圖像，然後在頁面中顯示該圖像的最佳方法是什麼？我已經多次用BBCode做過這個，但想讓用戶更容易。通過只允許他們粘貼鏈接，系統從那裏開始。檢測inpage圖像鏈接並使用jQuery顯示它們

  $comments = $posts_row['post_content']; 

      $m = preg_match_all("/(http|https)\:\/\/[a-zA-Z0-9\-\.]+\.[a-zA-Z]{2,3}(\/\S*)?/", $comment, $match); 

      if ($m) { 
       $links = $match[0]; 
       foreach($links as $link) { 
       $extension = strtolower(trim(@end(explode(".",$link)))); 
       switch($extension) { 
       case 'gif': 
       case 'png': 
       case 'jpg': 
       case 'jpeg': 
        $comment = str_replace($link, '<img src="'.$link.'">', $comment);  
       break; 
       default: 
       $comment = str_replace($link, '<a rel="nofollow" href="'.$link.'">'.$link.'</a>', $comment); 
       break; 
       } 
       } 
      }

來源

2012-08-04 Cl'

前問一個問題，你應該回去，並選擇其他_6_您還沒有關閉的答案。 – Austin 2012-08-04 00:46:41

@FrançoisWahl我有PHP代碼，但想轉換成jQuery。我不會點擊大部分時間回答：D，加上我不在StackOverflow上，就像我曾經是 – 2012-08-04 00:47:22

@Cl'：Stackoverflow是一個很好的系統，你需要幫助，你會得到幫助，禮貌的事情是接受一個答案，如果它幫助你解決你的問題。如果你每年或每天只使用stackoverflow，那並不重要。點擊接受答案需要很少的時間。 – Nope 2012-08-04 00:53:56

試試這個：

$('.post-content').find('img').show()

來源

2012-08-04 00:48:41 undefined

不，沒有什麼變化。對我來說，這段代碼看起來像是找到了圖像元素並且只是顯示它。但我的圖片元素是與.jpg，.png，.jpeg或.gif擴展名的實際圖片鏈接。我試圖看看jQuery是否可以檢測到該部分，並將URL轉換爲SRC屬性，並將其綁定到後期內容類 – 2012-08-04 00:57:43

@Cl'所以你應該使用ajax，你可以發佈渲染的標記嗎？ – undefined 2012-08-04 00:59:39

沒有標記，我只是在想我是否可以使用「$（'。post-content'）。append（」「）;」但那不會起作用。問題在於檢測部分。因此，jQuery必須檢查任何看起來像從MySQL表中分離出來的純文本鏈接。然後將該純文本鏈接轉換爲頁面上的圖像屬性 – 2012-08-04 01:03:17

檢測inpage圖像鏈接並使用jQuery顯示它們

回答

相關問題