0

こんにちは友人私はこの問題を抱えています。

私はこれを持っています

<div  id="text">
Hello world this just a demo.
http://upload.wikimedia.org/wikipedia/it/e/e1/Nba1.png
</div>

これをjqueryで変換する必要があります。

<div id="text">
Hello world this just a demo.
<img src="http://upload.wikimedia.org/wikipedia/it/e/e1/Nba1.png" width="150" height="150" alt="Nba">
</div>

いくつかのアイデアまたはすでにプラグイン。1 ステップは、画像の URL フォーム div id テキストを検出します 2 検出された画像の URL を html コンテンツに置き換えます 3 検出された URL が画像でない場合は、それらを html コンテンツに置き換えます ありがとうございました

4

3 に答える 3

0

これはPHPで行う方法であり、PHPで行わない理由がわかりません

<?php

function get_string_between($string, $start, $end){
    $string = " ".$string;
    $ini = strpos($string,$start);
    if ($ini == 0) return "";
    $ini += strlen($start);
    $len = strpos($string,$end,$ini) - $ini;
    return substr($string,$ini,$len);
}

$fullstring = '
 <div  id="text">
 Hello world this just a demo.
 http://upload.wikimedia.org/wikipedia/it/e/e1/Nba1.png
 </div>';

$start = "http:";
$end = "</div>";

$parsed = get_string_between($fullstring, $start, $end);

echo $start.$parsed; // (result = dog)

?>

拡張子のチェックは非常に簡単だと思います.Googleの「PHP check valid image extension」または同様のクエリをチェックしてください。

于 2012-06-08T21:10:53.100 に答える
0

@Engineer の助けを借りて、私と同じ問題を抱えている人のための解決策がここにあります

HTML

<div id="content-url">
    Hello World<br>
 http://www.goalterest.com/  
    http://www.jquery.com/  
    http://www.google.com/  
 http://www.esotech.org/wp-content/uploads/2011/12/jquery_logo.png
    http://www.linuxtrent.it/sites/default/files/images/drupal-logo.jpg
    <div id="urls"></div>
    <div id="photos"></div>
</div>

Jクエリ

var urlRegex = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;
var photoRegex = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|]).(?:jpg|gif|png)/ig;

  var url_url= $('#content-url').html().match(urlRegex);
var url_photo= $('#content-url').html().match(photoRegex);

//Added
$('#content-url').html( $('#content-url').html().replace(urlRegex,''));
//----------

$.each( url_url, function(i,value){
   var convert_url='<a href="'+url_url[i]+'">'+url_url[i]+'</a><br>';

   $('#urls').append(convert_url)
       });
    $.each( url_photo, function(i,value){

   var convert_photo='<img src="'+url_photo[i]+'" width="150" height="150" alt="Nba"><br>';
   $('#photos').append(convert_photo)
});

ありがとうございます

于 2012-06-09T15:50:10.450 に答える
0

最初にあなたのURLにIDを追加してください

  <div  id="text">
  Hello world this just a demo.
  <div id="img">http://upload.wikimedia.org/wikipedia/it/e/e1/Nba1.png</div>
  </div>

次に、このようにjqueryへのURLを取得します

var url=$('#img').text();

次に、画像タグを追加して追加します。

var real_img='<img src="'+url+'" width="150" height="150" alt="Nba">';

$('#img').html(real_img);
于 2012-06-08T21:22:35.507 に答える