ユーザー（テキスト）から画像へのハイパーリンクの変換

Question

ユーザーがコメントを行い、そのコメントに画像リンク（* .jpgまたは* .png）がある場合、JavaScriptで何をする必要がありますか？そのソースをjavascriptでイメージタグにするためにリアルタイムでチェックしてください。この小切手はどうすればいいですか？

Answer 1

あなたは、ファイルの拡張子を確認するために式を使用することができます。

function checkURL(url) { 
    return(url.match(/\.(jpeg|jpg|gif|png)$/) != null); 
} 

チェック画像はこのように機能を使って、URLを読み込むことができるかどうかを確認するには：

function testImage(url, callback, timeout) { 
    timeout = timeout || 5000; 
    var timedOut = false, timer; 
    var img = new Image(); 
    img.onerror = img.onabort = function() { 
     if (!timedOut) { 
      clearTimeout(timer); 
      callback(url, "error"); 
     } 
    }; 
    img.onload = function() { 
     if (!timedOut) { 
      clearTimeout(timer); 
      callback(url, "success"); 
     } 
    }; 
    img.src = url; 
    timer = setTimeout(function() { 
     timedOut = true; 
     callback(url, "timeout"); 
    }, timeout); 
} 

この関数は、呼び出しますあなたのコールバックは、元のURLと結果（ "成功"、 "エラー"または "タイムアウト"）の2つの引数を使って、将来のある時にコールバックします。